koa2_vue
git：git@github.com:Hughendman/koa2_vue.git
邮箱
微信
wxid_reb7kk3h8om122
一个搭建好的项目，可以拿来直接开发，里面的架构已经替你完成，前端使用vue（可以在这koa2-vue/public下进行更替），后端使用koa2
使用：
- cd koa2-vue 执行npm i 下载完成后执行 npm run dev
- 访问：http://127.0.0.1:3000
- 前端开发：cd koa2-vue/public/fronted 执行npm i 下载完成后执行 npm run dev
- 访问：http://127.0.0.1:8080
前端构架已经解决：
2018/6/8
- 引入全局css样式 (static/css/global.css)
- 引入elementUI框架
- 引入axios
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47// get方式
this.$http.get('/user?name=yinxs')
.then( (response) => {
console.log(response);
})
.catch( (error) => {
console.log(error);
});
// get方式第二种
this.$http.get('/user', {
params: {
name: 'yinxs'
}
})
.then( (response) => {
console.log(response);
})
.catch( (error) => {
console.log(error);
});
//post 方法
this.$http.post('/user', {
firstName: 'Xuesong',
lastName: 'Yin'
})
.then( (response) => {
console.log(response);
})
.catch( (error) => {
console.log(error);
});
//执行多个并发请求
getUser => () {
return this.$http.get('/tj/user/12345');
}
getApp => () {
return axios.get('/tj/app/123');
}
this.$http.all([getUser(), getApp()])
.then(this.$http.spread( (res1, res2) => {
// 两个请求现在都执行完成
}));
后端构架已经解决：
2018/6/7
- 跨域问题 （”koa2-cors”: “^2.0.5”）
- 日志 （”log4js”: “^0.6.38”）（/koa2-vue/public/logs/error || /koa2-vue/public/logs/response（响应日志格式：年月日 时分秒 信息 get/post 接口 ip 参数 状态码 响应内容））
- sql架构 (数据库配置：koa2-vue/public/config/database.js)（所有的sql语句统一管理，放在koa2-vue/public/javascripts/database目录下面，一个数据库一个js文件）（在user.js文件中有使用案例）