23-Vue和Element基础
2024-05-17 23:31:32
Vue快速入门
Vue是一套构建用户界面的渐进式的前端框架
Vue的程序包含视图和脚本俩个核心部分
1.入门步骤
-1 导入js文件
-2 视图部分
-3 脚本部分
2.快速入门
<body><!--视图--><div id="div">{{msg}}</div><script src="../js/vue.js"></script>
<script><!--脚本-->new Vue({el:"#div", //表示Vue对象接管的区域data:{ //data用来封装变量，这里面定义的变量都可以使用vue对象来获msg:"hello Vue"}});
</script>
</body>
3.快速入门详解
Vue核心对象：每一个Vue程序都是从一个Vue核心对象开始的(注意V需要大写)
let v = new Vue({选项列表; });选项列表
- el选项：用于接收获取到页面中的元素(根据常用的选择器获取)
- data选项：用来在vue中定义变量，这些变量的值将来会被展示到页面上
- methods选项：用于定义方法，方法可以直接通过对象名调用，this代表当前Vue对象
数据绑定
在视图部分获取脚本部分的数据
{{变量名}}
4.入门案例升级版
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>入门案例升级</title>
</head>
<body><div id="div"><div>姓名：{{name}}</div><div>班级：{{classRoom}}</div><button onclick="hi()">打招呼</button><button onclick="update()">修改班级</button></div><script src="../js/vue.js"></script>
<script>let vm = new Vue({el:"#div",data:{name:"张三",classRoom:"黑马程序员"},methods:{study(){alert(this.name + "正在" + this.classRoom + "好好学习!");}}});//定义打招呼的函数function hi() {vm.study();}//定义修改班级的函数function update() {vm.classRoom="传智播客";}
</script>
</body>
</html>
Vue常用指令
1.常用指令介绍
2.v-html指令
作用：设置标签的内容体，浏览器会解析内容体中的html代码。
<body><div id="div"><div>{{msg}}</div><!--需求2：使用指令展示数据，类似于innerHTML，浏览器会解析html标签--><div v-html="name"></div></div><script src="../js/vue.js"></script>
<script>new Vue({el:"#div",data:{msg:"百度一下",name:"<b>黑马</b>"}});
</script>
</body>
3.v-bind指令【重点】
作用：{{}}插值表达式只能用来操作内容体，不能用来操作属性，如果需要将vue中定义的变量值复制给标签的属性，那就就需要使用v-bind指令,也可以简写成[:属性名=“变量名”]。
<body>
<div id="div"><a v-bind:href="url">百度一下</a><br><!--简写--><a :href="url">百度一下</a><br><!--动态绑定class属性--><div :class="cls">黑马</div><img :src="imgUrl"><br><!--点击切换图片--><input type="button" value="点你妹" @click="show()">
</div><script src="../js/vue.js"></script>
<script>new Vue({el:"#div",data:{url:"http://www.baidu.com",cls:"my",imgUrl:"../04-综合案例/img/qq_btn.jpg"}methods:{show:function () {this.imgUrl="../04-综合案例/img/logo.jpg";}}});
</script>
</body>
4 v-if、v-else-if、v-else、v-show指令
v-if、v-else-if、v-else作用：起到判断作用，符合条件的标签才展示，否则就没有标签。
v-show作用：是否展示标签，本质是操作display样式，标签是存在的只不过被隐藏了。
<body><div id="div"><!-- 判断num的值，对3取余 余数为0显示div1 余数为1显示div2 余数为2显示div3 --><div v-if="num % 3 == 0">div1</div><div v-else-if="num % 3 == 1">div2</div><div v-else="num % 3 == 2">div3</div><div v-show="flag">div4</div></div>
</body>
<script src="../js/vue.js"></script>
<script>new Vue({el:"#div",data:{num:1,flag:false}});
</script>
5 v-for指令[重要]
作用：用来遍历容器或者对象展示到页面上
<body><div id="app"><div v-for="name in names">{{name}}</div><hr><input type="button" @click="show()" value="点我啊"><table><tr><th>编号</th><th>姓名</th><th>年龄</th></tr><tr v-for="student in students"><td>{{student.id}}</td><td>{{student.name}}</td><td>{{student.age}}</td></tr></table></div><script src="../js/vue.js"></script>
<script>new Vue({el:"#app",data:{names:["张三","李四","王五"],students:[]},methods:{show:function () {this.students=[{id:"1",name:"张三",age:"21"},{id:"2",name:"李四",age:"22"},{id:"3",name:"王五",age:"23"}];}}});
</script>
</body>
6 v-on指令【重点】
作用：给标签绑定事件，v-on:click="“或者@click=”"都可以
<body><div id="div"><!--需求1：展示vue中定义的name值--><div>{{name}}</div><!--需求2：传统方式绑定事件修改name的值--><button onclick="changeName()">改变div的内容</button><!--需求3：使用vue的方式绑定事件,要执行的方法需要定义在methods里面--><button v-on:click="change()">改变div的内容</button><!--需求4：绑定事件的简写方式,使用较多--><button @click="change()">改变div的内容</button></div>
</body>
<script src="js/vue.js"></script>
<script>let vue=new Vue({el:"#div",data:{name:"胡广"},methods:{change:function(){this.name="胡⛰️⛰⛰️⛰️"}}});function changeName() {vue.name="胡冰冰";}
</script>
7 v-model指令【重点】
作用：用来给表单中的数据进行双向绑定。
双向绑定：vue中变量的值发生变量了，页面就数据就变化。如果页面数据发生了变量，那么vue的变量值也跟着发生变量，这就是双向数据绑定。
<body><div id="div"><!--需求2：展示填写或者选中的内容--><div>输入的姓名是：{{user.username}}</div><div>输入的年龄是：{{user.age}}</div><div>选择的性别是：{{user.gender}}</div><div>选择的爱好是：{{user.hobbies}}</div><form><!--需求1：将表单和vue进行双向数据绑定-->姓名：<input type="text" name="username" v-model="user.username"><br>年龄：<input type="number" name="age" v-model="user.age"><br><!--当radio的value值和绑定的数据值相等，就表示选中-->性别：<input type="radio" name="gender" value="man" v-model="user.gender">男<input type="radio" name="gender" value="woman" v-model="user.gender">女<br>爱好：<input type="checkbox" name="hobbies" value="sing" v-model="user.hobbies">唱<input type="checkbox" name="hobbies" value="dance" v-model="user.hobbies">跳<input type="checkbox" name="hobbies" value="rap" v-model="user.hobbies">rap<input type="checkbox" name="hobbies" value="basketball" v-model="user.hobbies">篮球<br><!--需求3：点击按钮，通过ajax把表单数据发送给服务器--><input type="button" value="提交信息" @click="sendData()"></form></div>
</body>
<script src="js/vue.js"></script>
<script>new Vue({el:"#div",data:{user:{username:"jack",age:20,gender:"woman",hobbies:["sing","dance"]}},methods:{sendData(){console.log("提交表单参数到服务器："+this.user);}}});
</script>
ElementUI基本使用
1 ElementUI介绍
网站快速成型工具。是 饿了么公司 前端开发团队提供的一套基于Vue的网站组件库。Element官网：https://element.eleme.cn/#/zh-CN
2 入门案例【掌握】
【第一步】：将ElementUI相关的资源复制到mudule中
【第二步】：在页面引入css和js相关文件
<!--引入ElementUI的css文件-->
<link rel="stylesheet" href="element-ui/lib/theme-chalk/index.css">
<!--引入vue和ElementUI的js文件-->
<script src="js/vue.js"></script>
<script src="element-ui/lib/index.js"></script>
【第三步】：参考ElementUI官方提供的组件，复制代码即可展示
<body><button>我是按钮</button><br><div id="div"><el-row><el-button>默认按钮</el-button><el-button type="primary">主要按钮</el-button><el-button type="success">成功按钮</el-button><el-button type="info">信息按钮</el-button><el-button type="warning">警告按钮</el-button><el-button type="danger">危险按钮</el-button></el-row><br><el-row><el-button plain>朴素按钮</el-button><el-button type="primary" plain>主要按钮</el-button><el-button type="success" plain>成功按钮</el-button><el-button type="info" plain>信息按钮</el-button><el-button type="warning" plain>警告按钮</el-button><el-button type="danger" plain>危险按钮</el-button></el-row><br><el-row><el-button round>圆角按钮</el-button><el-button type="primary" round>主要按钮</el-button><el-button type="success" round>成功按钮</el-button><el-button type="info" round>信息按钮</el-button><el-button type="warning" round>警告按钮</el-button><el-button type="danger" round>危险按钮</el-button></el-row><br><el-row><el-button icon="el-icon-search" circle></el-button><el-button type="primary" icon="el-icon-edit" circle></el-button><el-button type="success" icon="el-icon-check" circle></el-button><el-button type="info" icon="el-icon-message" circle></el-button><el-button type="warning" icon="el-icon-star-off" circle></el-button><el-button type="danger" icon="el-icon-delete" circle></el-button></el-row></div>
</body>
<script>new Vue({el:"#div"});
</script>
3 基础布局【了解】
Layout 布局：每一行分成24个格子，迅速简便地创建布局。
<style>.el-row {margin-bottom: 20px;}.el-col {border-radius: 4px;}.bg-purple-dark {background: #99a9bf;}.bg-purple {background: #d3dce6;}.bg-purple-light {background: #e5e9f2;}.grid-content {border-radius: 4px;min-height: 36px;}.row-bg {padding: 10px 0;background-color: #f9fafc;}
</style>
<body><div id="div"><!--:gutter="20"每列元素直接的间隙--><el-row :gutter="20"><!--:span="16"表示每列元素占的格子数量--><el-col :span="16"><div class="grid-content bg-purple"></div></el-col><el-col :span="8"><div class="grid-content bg-purple"></div></el-col></el-row><el-row :gutter="20"><el-col :span="8"><div class="grid-content bg-purple"></div></el-col><el-col :span="8"><div class="grid-content bg-purple"></div></el-col><el-col :span="4"><div class="grid-content bg-purple"></div></el-col><el-col :span="4"><div class="grid-content bg-purple"></div></el-col></el-row><el-row :gutter="20"><el-col :span="4"><div class="grid-content bg-purple"></div></el-col><!--:offset="3" 表示该元素向有的偏移量--><el-col :span="16" :offset="3"><div class="grid-content bg-purple"></div></el-col></el-row></div>
</body>
<script>new Vue({el:"#div"});
</script>
4 容器布局【了解】
用于布局的容器组件，方便快速搭建页面的基本结构，说白了就是将整个页面分成几部分。
<!--省略了css样式，需要自己复制样式--><el-container><el-aside width="200px">Aside</el-aside><el-container><el-header>Header</el-header><el-main>Main</el-main><el-footer>Footer</el-footer>
</el-container>
5 表单组件【了解】
<body><div id="div"><el-form :model="ruleForm" :rules="rules" ref="ruleForm2" label-width="100px" class="demo-ruleForm"><el-form-item label="活动名称" prop="name"><el-input v-model="ruleForm.name"></el-input></el-form-item><el-form-item label="活动区域" prop="region"><el-select v-model="ruleForm.region" placeholder="请选择活动区域"><el-option label="区域一" value="shanghai"></el-option><el-option label="区域二" value="beijing"></el-option></el-select></el-form-item><el-form-item label="活动时间" required><el-col :span="11"><el-form-item prop="date1"><el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.date1" style="width: 100%;"></el-date-picker></el-form-item></el-col><el-col class="line" :span="2">-</el-col><el-col :span="11"><el-form-item prop="date2"><el-time-picker placeholder="选择时间" v-model="ruleForm.date2" style="width: 100%;"></el-time-picker></el-form-item></el-col></el-form-item><el-form-item label="即时配送" prop="delivery"><el-switch v-model="ruleForm.delivery"></el-switch></el-form-item><el-form-item label="活动性质" prop="type"><el-checkbox-group v-model="ruleForm.type"><el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox><el-checkbox label="地推活动" name="type"></el-checkbox><el-checkbox label="线下主题活动" name="type"></el-checkbox><el-checkbox label="单纯品牌曝光" name="type"></el-checkbox></el-checkbox-group></el-form-item><el-form-item label="特殊资源" prop="resource"><el-radio-group v-model="ruleForm.resource"><el-radio label="线上品牌商赞助"></el-radio><el-radio label="线下场地免费"></el-radio></el-radio-group></el-form-item><el-form-item label="活动形式" prop="desc"><el-input type="textarea" v-model="ruleForm.desc"></el-input></el-form-item><el-form-item><el-button type="primary" @click="submitForm('ruleForm2')">立即创建</el-button><el-button @click="resetForm('ruleForm')">重置</el-button></el-form-item></el-form></div>
</body>
<script>new Vue({el:"#div",data:{ruleForm: {name: '',region: '',date1: '',date2: '',delivery: false,type: [],resource: '',desc: ''},rules: {name: [{ required: true, message: '请输入活动名称', trigger: 'blur' },{ min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }],region: [{ required: true, message: '请选择活动区域', trigger: 'change' }],date1: [{ type: 'date', required: true, message: '请选择日期', trigger: 'change' }],date2: [{ type: 'date', required: true, message: '请选择时间', trigger: 'change' }],type: [{ type: 'array', required: true, message: '请至少选择一个活动性质', trigger: 'change' }],resource: [{ required: true, message: '请选择活动资源', trigger: 'change' }],desc: [{ required: true, message: '请填写活动形式', trigger: 'blur' }]}},methods: {submitForm(formName) {this.$refs[formName].validate((valid) => {if (valid) {alert('submit!');} else {console.log('error submit!!');return false;}});},resetForm(formName) {this.$refs[formName].resetFields();}}});
</script>
6 表格组件【掌握】
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>表格组件</title><link rel="stylesheet" href="element-ui/lib/theme-chalk/index.css"><script src="js/vue.js"></script><script src="element-ui/lib/index.js"></script>
</head>
<body><div id="div"><template><el-table:data="tableData"style="width: 100%"><el-table-columnprop="date"label="日期"width="180"></el-table-column><el-table-columnprop="name"label="姓名"width="180"></el-table-column><el-table-columnprop="address"label="地址"></el-table-column><el-table-columnlabel="操作"width="180"><el-button type="warning">编辑</el-button><el-button type="danger">删除</el-button></el-table-column></el-table></template></div>
</body>
<script>new Vue({el:"#div",data:{tableData: [{date: '2016-05-02',name: '王小虎',address: '上海市普陀区金沙江路 1518 弄'}, {date: '2016-05-04',name: '王小虎',address: '上海市普陀区金沙江路 1517 弄'}, {date: '2016-05-01',name: '王小虎',address: '上海市普陀区金沙江路 1519 弄'}, {date: '2016-05-03',name: '王小虎',address: '上海市普陀区金沙江路 1516 弄'}]}});
</script>
</html>
7 顶部导航栏组件
<body><div id="div"><el-menu:default-active="activeIndex2"class="el-menu-demo"mode="horizontal"@select="handleSelect"background-color="#545c64"text-color="#fff"active-text-color="#ffd04b"><!--单级菜单条目--><el-menu-item index="1">处理中心</el-menu-item><!--多级菜单条目--><el-submenu index="2"><!--多级菜单标题--><template slot="title">我的工作台</template><!--多级菜单中的单级条目--><el-menu-item index="2-1">选项1</el-menu-item><el-menu-item index="2-2">选项2</el-menu-item><el-menu-item index="2-3">选项3</el-menu-item><!--多级菜单条目--><el-submenu index="2-4"><template slot="title">选项4</template><el-menu-item index="2-4-1">选项1</el-menu-item><el-menu-item index="2-4-2">选项2</el-menu-item><el-menu-item index="2-4-3">选项3</el-menu-item></el-submenu></el-submenu><el-menu-item index="3" disabled>消息中心</el-menu-item><el-menu-item index="4"><a href="https://www.itheima.com" target="_blank">订单管理</a></el-menu-item></el-menu></div>
</body>
<script>new Vue({el:"#div",data:{activeIndex: '1',activeIndex2: '2-4-2' //默认选中},methods: {handleSelect(key, keyPath) {console.log(key, keyPath);}}});
</script>
8 侧边导航栏组件
<body><div id="div"><el-row class="tac"><el-col :span="6"><el-menudefault-active="1-1"class="el-menu-vertical-demo"@open="handleOpen"@close="handleClose"background-color="#545c64"text-color="#fff"active-text-color="#ffd04b"><el-submenu index="1"><template slot="title"><i class="el-icon-menu"></i><span>导航一</span></template><el-menu-item index="1-1">选项1</el-menu-item><el-menu-item index="1-2">选项2</el-menu-item><el-menu-item index="1-3">选项3</el-menu-item><el-menu-item index="1-4">选项4</el-menu-item></el-submenu><el-submenu index="2"><template slot="title"><i class="el-icon-menu"></i><span slot="title">导航二</span></template><el-menu-item index="2-1">选项1</el-menu-item><el-menu-item index="2-2">选项2</el-menu-item><el-menu-item index="2-3">选项3</el-menu-item><el-menu-item index="2-4">选项4</el-menu-item></el-submenu><el-submenu index="3"><template slot="title"><i class="el-icon-menu"></i><span slot="title">导航三</span></template><el-menu-item index="3-1">选项1</el-menu-item><el-menu-item index="3-2">选项2</el-menu-item><el-menu-item index="3-3">选项3</el-menu-item><el-menu-item index="3-4">选项4</el-menu-item></el-submenu><el-submenu index="4"><template slot="title"><i class="el-icon-menu"></i><span slot="title">导航四</span></template><el-menu-item index="4-1">选项1</el-menu-item><el-menu-item index="4-2">选项2</el-menu-item><el-menu-item index="4-3">选项3</el-menu-item><el-menu-item index="4-4">选项4</el-menu-item></el-submenu></el-menu></el-col></el-row></div>
</body>
<script>new Vue({el:"#div",methods: {handleOpen(key, keyPath) {console.log(key, keyPath);},handleClose(key, keyPath) {console.log(key, keyPath);}}});
</script>
学生列表案例
1 案例效果
- 效果图
- 分析图
2 头部区域的实现
<!--头部分-->
<el-header style="background-color:#545c64"><el-row><!--左边图片--><el-col :span="2"><!--放图片--><img src="img/export.png" style="margin-top: 20px"/></el-col><!--右边顶部导航栏--><el-col :span="5" :offset="17"><el-menu:default-active="activeIndex"class="el-menu-demo"mode="horizontal"@select="handleSelect"background-color="#545c64"text-color="#fff"active-text-color="#ffd04b"><el-menu-item index="1">处理中心</el-menu-item><el-submenu index="2"><template slot="title">我的工作台</template><el-menu-item index="2-1">选项1</el-menu-item><el-menu-item index="2-2">选项2</el-menu-item><el-menu-item index="2-3">选项3</el-menu-item><el-submenu index="2-4"><template slot="title">选项4</template><el-menu-item index="2-4-1">选项1</el-menu-item><el-menu-item index="2-4-2">选项2</el-menu-item><el-menu-item index="2-4-3">选项3</el-menu-item></el-submenu></el-submenu><el-menu-item index="3"><a href="https://www.itheima.com" target="_blank">首页</a></el-menu-item></el-menu></el-col></el-row>
</el-header>
3 侧边栏区域的实现
<!--侧边栏部分-->
<el-aside width="200px" style="height: 800px;background-color:#545c64"><el-col :span="24"><el-menudefault-active="2"class="el-menu-vertical-demo"@open="handleOpen"@close="handleClose"background-color="#545c64"text-color="#fff"active-text-color="#ffd04b"><el-submenu index="1"><template slot="title"><i class="el-icon-menu"></i><span>学工部</span></template>
<el-menu-item index="1-1"><i class="el-icon-help"></i>在校学生管理</el-menu-item>
<el-menu-item index="1-2"><i class="el-icon-help"></i>学生升级/留级</el-menu-item>
<el-menu-item index="1-3"><i class="el-icon-help"></i>学生就业情况</el-menu-item></el-submenu><el-submenu index="2"><template slot="title"><i class="el-icon-menu"></i><span>咨询部</span></template>
<el-menu-item index="2-1"><i class="el-icon-help"></i>意向学生管理</el-menu-item>
<el-menu-item index="2-2"><i class="el-icon-help"></i>未报名学生管理</el-menu-item>
<el-menu-item index="2-3"><i class="el-icon-help"></i>已报名学生管理</el-menu-item></el-submenu><el-submenu index="3"><template slot="title"><i class="el-icon-menu"></i><span>教研部</span></template>
<el-menu-item index="3-1"><i class="el-icon-help"></i>已有课程管理</el-menu-item>
<el-menu-item index="3-2"><i class="el-icon-help"></i>正在研发课程管理</el-menu-item>
<el-menu-item index="3-3"><i class="el-icon-help"></i>新技术课程管理</el-menu-item></el-submenu></el-menu></el-col>
</el-aside>
4 主区域的实现
<!--主体部分-->
<el-main><!--第一行：学生列表和按钮--><el-row><el-col :span="3"><font color="red" size="5">学生列表</font></el-col><el-col :span="2" :offset="19"><el-button type="primary">添加学生</el-button></el-col></el-row><!--第二行：表格数据--><el-row><el-col :span="24"><template><el-table:data="tableData"style="width: 100%"><el-table-columnlabel="日期"prop="date"></el-table-column><el-table-columnlabel="姓名"prop="name"></el-table-column><el-table-columnlabel="地址"prop="address"></el-table-column><el-table-column align="right"><template slot-scope="scope"><el-buttonsize="mini"@click="handleEdit(scope.$index, scope.row)">修改</el-button><el-buttonsize="mini"type="danger"@click="handleDelete(scope.$index, scope.row)">删除</el-button></template></el-table-column></el-table></template></el-col></el-row>
</el-main>
23-Vue和Element基础相关推荐
- Vue与Element入门使用
Vue: Vue是一套构建用户界面的渐进式前端框架. 只关注视图层,并且非常容易学习,还可以很方便的与其它库或已有项目整合. 通过尽可能简单的API来实现响应数据的绑定和组合的视图组件. 视图:负责页 ...
- 渣渣枫初识Vue与Element
渣渣初学Vue与Element 一.Vue 1.初识Vue 2.Vue的入门 3.Vue入门升级 4.小结 二.Vue常用指令 1.常用指令 2.文本插值 3.绑定属性 4.条件渲染 5.列表渲染 6 ...
- Vue + TypeScript + Element 搭建简洁时尚的博客网站及踩坑记
前言 本文讲解如何在 Vue 项目中使用 TypeScript 来搭建并开发项目,并在此过程中踩过的坑 . TypeScript 具有类型系统,且是 JavaScript 的超集,TypeScript ...
- Vue教程_基础(一)
目录 章节 地址 Vue教程_tips https://blog.csdn.net/weixin_46349544/article/details/124082287 Vue教程_基础(一) http ...
- 基于vue与element实现创建试卷相关功能
由于最近在一个项目中需要实现创建试卷与预览试卷的功能,所以就自己动手写了一个,效果还不错,目前项目已经交付使用,今天就先和大家分享一下创建试卷. 源码已上传至gitee仓库,地址https://git ...
- Vue之element table 后端排序实现
Vue之element table 后端排序实现 1.如果需要后端排序,需将sortable设置为custom,同时在 Table 上监听sort-change事件,在事件回调中可以获取当前排序的字段 ...
- 关于vue.js element ui 表单验证 this.$refs[formName].validate()的问题
方法使用前需了解: 来自"和"小编的小提示: 首先打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form. 其次在拿到了正确的form后,检查 ...
- 【Vue】 element ui 引入第三方图标
最近一个项目用到 vue 和 element ui开发前端.使用element ui自带的icon太少,所以引入第三方的.截止目前为止国内外网络上的相关教程我搜索到没超过5篇,而且都不详细,即使全部阅 ...
- vue项目目录结构分析、过滤器、vue文件中基础template、script、style
项目目录结构: 1.在一个项目中一般的目录结构为:my_project------------项目文件夹|____src--------------------------------存放人可以看懂的 ...
- Node mysql mvc vue_net MVC +Vue.js+Element UI 笔记
最近项目需求,要在MVC里用Vue 与 Element UI,故而做个笔记来记录一些遇到的问题和处理思路 (方式比较麻瓜,如果不是临时用的话,建议还是学一下Vue-cli,新项目还是老老实实前后端分离 ...
最新文章
- 代码改动两三行，AI数据秒换隐身衣！隐私计算+AI？中科院博士实践分享一键切换...
- 【复杂网络】复杂网络多种算法及工具应用集合
- nginx访问本地目录一直不好使_nginx 配置根目录不生效问题
- mysql数据库代码_【代码总结】MYSQL数据库的常见操作
- 精讲23种设计模式-基于责任链模式~构建企业级风控系统
- Linux卸载Mysql
- Visual Studio 11 九大新特性:图文详解【转】
- 代码分析－DataGrid实现自增列、单选、多选
- C语言关系运算符介绍和示例
- 移动开发语言Swift
- 锦城学院计算机系考研,奋斗的青春， 滚烫的人生—— —我的考研路
- java questionbank_JavaQuestionBank
- 4.1.5 消费者获取记录
- 计算机专业论文评语,计算机毕业论文评语
- Google Map Web服务API
- 以太网网卡历史-3com,intel及其它
- 耳机驱动调试（插拔检测与按键检测）
- 如何画一个精致的思维导图
- SQLyog中如何导入mysql数据库
- iframe语法小结