本帖最后由 AreYouGlad 于 2017-12-22 11:29 编辑
本帖为广州黑马程序员前端教研部出品
知识分享系统是一个使用vue2.0配合elementUI,使用axios请求由nodeJs开启的API服务器,服务器使用了cookie传输和session状态管理完成的后台管理系统实战项目。 代码下载:
VueRms-master.rar
(291.8 KB, 下载次数: 307)
在线演示
点击进入系统前台演示 点击进入系统后台演示
用户名:admin 密码:123456 请大家不要随意删除、修改系统中的数据
项目特点 项目采取现在流行的完全的前后端分离技术结构,整个系统分为三个子系统:
1.后台管理系统:主要给系统管理员访问,负责系统数据的维护,订单数据的维护
2.网站前台:主要提供给互联网用户访问 3.NodeJS开发的数据和状态管理中心:主要给后台管理系统和网站前台提供它们所需的数据,以及给这两个系统提供登录后的session状态管理,ajax跨域访问问题 项目技术和业务 1、后台管理系统使用:
后台管理系统主要使用的是 webpack3 + Vue2.0 + ES6 + axios + Vue-Router + elementUI 组合来开发的一个单页应用程序 2、网站前台使用:网站前台使用的是: webpack3 + Vue2.0 + ES6 + axios + Vue-Router + elementUI 以及iView的独立组件按需引入和Vue单页应用中如何使用jQuery插件完成相应业务(这个很重要,因为有些功能vue并没有相关的组件来实现,需要借助于强大的jQuery插件来完成,实际开发中经常碰到的问题) 3、数据中心使用: 数据中心使用:NodeJS + Express + Express-Session + body-parser + orm + mysql数据库组合来开发
4、其他技术 系统开发完成以后,会告诉同学们如何优化单页应用: 4.0、整个系统开发过程中,使用git结合oschina.net或者github.com来进行源码管理 4.1、通用组件的单独打包 4.2、css内容单独打包 4.3、腾讯云服务器的相关操作以及将打包后的系统发布到云服务器中供互联网访问 网站特殊文件夹说明:
- 网站的管理系统页面和前端展示页面是放在一个项目中,所以
- components中的admin文件夹中的所有文件均为管理系统的页面
- components中的site文件夹中的所有文件均为前端展示系统的页面
- statics/site文件夹下的所有内容均为前端展示系统的页面
- statics/css下的文件均为管理系统的样式控制
- theme_rms,imgs,mui均可以为共用
一、运行这个项目的步骤:
- 先在这个文件夹中打开cmd面板,输入 npm install
- 在cmd面板中执行 npm run dev
当前webpack要升级到2.x,那么webpack-dev-server也必须使和webpack2.x匹配的,理论上讲webpack-dev-server肯定也是2.x版本
二、update 版本
|