使用vue框架以及其相关组件搭建spa单页面多应用web管理系统
- vue.js(2.4)
- vuex(状态管理)
- axios进行异步信息交互
- vue-router(前端路由,异步加载)
- element-ui(基于vue的PC端UI组件库)
这两周内也是学习了很多东西,从不知道什么是spa到已经懂了很多vue的语法及其组件的应用。在此之前没有学习过框架,学过的前端是原生的。所以在写这个题目的时候也是犹豫了很多。要不要用原生js去实现,用原生js写路由,这样其实可以很好的完成考核。但是感觉这样学到东西很少。于是计划学习vue框架。这两周内,学习了webpack打包项目、vue-router路由、vuex状态管理、element-ui库的使用、跨域请求、懒加载、热重载等。但是其中还是有很多东西我还是没有搞明白的,还要花时间去深入学习。因而只是用vue实现了简单的登陆、管理界面。没有实现前端的验证,以及用户分开浏览界面。关键是一直卡在跨域请求上了,因为只会php,但是一直卡在前后端信息交互上,前端用node写,后端php用apache写,但是一直出bug接收不到信息。很难受。希望能够给我进入网管会的机会,能让我和大佬们一起学习O(∩_∩)O。
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
For a detailed explanation on how things work, check out the guide and docs for vue-loader.
登陆界面截图
主页截图
管理界面截图