Redeveloper devops

系统思考功能点：
1） 主机管理：通过vmware控制开关机、重启、恢复快照（os.system操作vmrun)
2） 添加测试系统 + 测试用例分类管理 + 增删改查存库
3） 关联Git
4） 调用命令行 + 部署环境
5） devops系统用户管理 + 开发用户产品权限划分
6） axios

技术点：
Flask + VUE

npm install vue-axios --save    
npm install qs.js --save

vim ~/.bash_profile
export export GITLAB_HOME=$HOME //mac users
export GITLAB_HOME=/srv //linux users
sudo docker run --detach \         
  --hostname gitlab.example.com \
  --publish 443:443 --publish 80:80 --publish 22:22 \
  --name gitlab \
  --restart always \
  --volume $GITLAB_HOME/gitlab/config:/etc/gitlab \
  --volume $GITLAB_HOME/gitlab/logs:/var/log/gitlab \
  --volume $GITLAB_HOME/gitlab/data:/var/opt/gitlab \
  gitlab/gitlab-ce:latest
localhost:80

node -v
npm -v
cnpm install -g vue-cli
vue init webpack firstVue
cd firstVue
cnpm install
npm run dev
localhost:8080
npm run build
cd dist 
python -m http.server

1. 声明式渲染

<div id = "app">
  {{ message }}
</div>
var app = new vue({
el : '#app' ,
data: {
message: 'sakura'}
})

2. 动态绑定元素

<div id = "app2">
   <span v-bind:title="message">
      put your mouse here
  </span>
</div>
var app2 = new vue({
el: '#app2' ,
data : {
message: '页面加载于' + new Date().toLoacateString()}
})

3. 条件与循环

<div id = "app3">
 <p v-if = "seen">
     now you see me </p>
</div>
var app3 = new vue({
el : '#app3' ,
data:{
seen:true}
})

<div id = "app4">
  <ol>
      <li v-for = " todo in todos"> {{ todo.text }} </li>
</ol>
</div>
var app4 = new vue({
el = '#app4' , 
data:{
todos: [{text:'eat'},{text:'happy'}] }})
>>>app4.push.todos({text:'add here'})

4. 处理用户输入

<div id = "app5">
  <p> {{ message }} </p>
  <button v-on:click= "reverseMessage "> 反转消息 </button>
</div>
var app5 = new vue({
el : '#app5' ,
data : { message : show me the meaning of beling loney} ,
method: {
message : function (){
this.message = this.message.split('').reverse().join('')}} })

5. 双向绑定

<div id="app6">
  <p> {{ message}} </p>
  <input v-model = "message">
</div>
var app6 = new vue({
el : '#app6',
data:{
message : 'hello vue'}})