1.GIF:
2.技术栈:Vue + vue-router + vuex
3.
调用后端接口登陆,把token保存到localStorage里
4.
登陆后跳转到这个页面,顶部三个tab页,分别是待处理,已发起,已处理
每个tab页下面都包含两个tab页,分别是加班和休假。
5.
路由:http://localhost:8080/detail/overtime/3gvn7916rwg0
加班的详情
6.
路由:http://localhost:8080/detail/vacation/347fr4d3boc0
休假的详情
7.安装mysql数据库:https://jingyan.baidu.com/article/fd8044fa10550d5031137adf.html
8.连接数据库报错:
开始-》mysql 8.0 command line client -》执行下面的命令
//开启mysql服务
mysql.server start
//进入mysql
mysql -u root -p
//修改密码方案3(对)
USE mysql; ALTER USER 'root'@'localhost'IDENTIFIED WITH mysql_native_password BY '密码';
//重启
FLUSH PRIVILEGES;
如果还不行,可以参考这个链接:https://www.jianshu.com/p/c8eb6d2471f8
如果班里有些同学的电脑安装mysql失败,可以连接其他同学或老师的mysql数据库,需要其他同学或老师运行下面几条命令,
使mysql运行外部连接访问:
use mysql;
update user set host='%' where user='root';
flush privileges;
navicat破解版:https://blog.csdn.net/a599174211/article/details/82795658
9.server-vue(后端代码) github地址:https://github.com/xutongbao/server-vue
m-vue (前端代码) github地址:https://github.com/xutongbao/m-vue
10.生成sshkey : ssh-keygen -t rsa -C "1183391880@qq.com"
github配置ssh遇到问题是可以参考下面的链接:
https://blog.csdn.net/goawaycow1/article/details/78069487
https://blog.csdn.net/felicity294250051/article/details/53606158
11.vuex基础知识demo:https://github.com/xutongbao/m-vuex-dome
12.vue基础知识demo:https://github.com/xutongbao/m-vue-demo
13.购物车gif:github地址:https://github.com/xutongbao/m-vuex-demo/tree/master/25vuex-cart
14.自己动手写的node后端代码:https://github.com/xutongbao/m-vue-server