数据库建表 1.打开 MySQL 终端 2.查看所有数据库 show databases 3.创建数据库 create database pet 4.进入数据库 use pet 5.创建数据表 create table users( id bigint not null auto_increment primary key, email varchar(60) not null, pwd varchar(60) not null, nicheng varchar(60) not null, up…

搭建koa2服务端 安装两个版本的koa 一.版本安装 1.安装 koa1 npm install koa -g 注:必须安装到全局 2.安装 koa2 npm install koa@2 -g 二.创建项目 1.安装 koa 生成器 (koa1 和 koa2 都用此生成器) npm install koa-generator -g 2. koa1 生成一个 test 项目,切到 test 目录并下载依赖 koa test cd test npm install 运行:npm start 访问:…

前端采用vuex+element-ui: 后端采用koa2+restfulAPI+sequlize: (一)项目介绍 宠物社区 1.社区 2.好友 3.说说 4.宠粮 5.健康 (二)项目框架 1.Vue.js 2.Vuex 框架 3.Element UI 4.Axios 交互 5.Koa2 + es6 6.Restful API 7.Sequlize 8.mysql (三)创建项目和elementUI配置 vue init webpack pet elementui 1.安装: npm ins…

登录注册模态框 注: [Vue warn]: Do not use built-in or reserved HTML elements as component id: diaLog 原因:diaLog 组件名 与 HTML元素名称 重复,将 组件名 改为 diaLoger 即可. 1.封装 可复用 DiaLog 组件 DiaLog.vue <template> <el-dialog title="提示" :visible.sync="dialogVisi…

axios 用法: 1.安装 npm install axios --save-dev 2.导入 import axios from 'axios'; 3.使用 axios.post(url,params) .then(function(res){ console.log(res); alert(res.data); }) .catch(function(err){ console.log(err); }) 4. vue2.0 子组件和父组件之间的传值 Vue是一个轻量级的渐进式框架,对于它的一…

elementUI界面布局 1.创建 HeadBar 组件 HeadBar.vue <template> <el-row> <el-col :span="2"> </el-col> <el-col :span="4" style='background:#f9fafc;font-size:2em;'><i class="el-icon-menu"></i>宠物空间…

Java项目专栏之数据库建表 数据库建表前期准备 1. 安装mysql:数据库语言,语法和sql server差不太多,如果习惯于sql server可以不用mysql. 2. 安装navicat:可视化数据库工具,简化你的建表操作. 正式建表 1. 数据库的配置我就不一一讲解了,直接开始建表吧,建表先建主外键约束少或者没有的表. 2. 创建数据库,命名为:shop_manage_system.这里要注意的是,在团队开发过程中,团队成员数据库的字符编码要一样,否则整合会出大问题. 3. 创建供应…

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由蔡述雄发表于云+社区专栏 需求背景 组件库是做UI和前端日常需求中经常用到的,把一个按钮,导航,列表之类的元素封装起来,方便日常使用,调用方法只需直接写上或者这样的代码就可以,是不是很方便呢,接下来我们将要完成以下页面: 这是我们组件库的首页,包含三个子页面,按钮页面.列表页面.导航页面:点击进去子页面会由路由来配置.先看我们的目录结构: pages目录存放我们的页面,包括首页和三个子页面:components目录存放我们的具体组…

一. vue补充 1. 获取DOM元素 救命稻草,document.querySelector 在template中标示元素`ref = "xxx" 在要获取的时候,this.$refs.xxx获取元素 创建组件,装载DOM,用户点击按钮 ref 在DOM上获取的是原生DOM对象 ref在组件上获取的是组件对象 $el是拿其DOM 这个对象就相当于我们平时玩的this,也可以直接调用函数 总结: $属性:$refs获取组件内的元素 $parent:获取当前组件对象的父组件 $child…

一. 历史介绍 1. 规范 AMD Commonjs||CMD UMD 参考:认识AMD.CMD.UMD.CommonJS 2. 工具 npm bower webpack browserify 参考:bower 和 npm 的区别详细介绍npm.cnpm.bower安装区别gulp/grunt和browserify/webpack的区别 二. webpack打包模块源码 1. 把所有模块的代码放入到函数中,用一个数组保存起来 2. 根据require时传入的数组索引,能知道需要那一段代码 3.…