- 采用前后端分离架构**
- 利用ajax渲染技术
- 进行调用接口进行页面渲染
- 模块化开发的前端电商项目
- 与服务端真实数据对接
1.安装nodejs环境,推荐使用v4.4.7
下载地址 : https://nodejs.org/download/release/v4.4.7/
2.命令行 切换到此项目根目录
3.全局安装webpack,可查看根目录pachage.json查看版本
命令: (sudo) npm install webpack -g
windows可以用下载GitBase 进行命令操作
4.全局安装webpack-dev-server v^1.16.5
命令: (sudo)npm install webpack --save-dev
5.命令行依次运行下面的安装命令
npm install css-loader style-loader --save-dev
npm install extract-text-webpack-plugin@1.0.1 --save-dev
npm install html-webpack-plugin --save-dev
npm install html-loader --save-dev
npm install url-loader --sava-dev
npm install webpack-dev-server --sava-dev
npm install hogan --save
npm install font-awesome --save
6.在项目根目录执行npm初始化
命令: npm install (--registry=https://registry.npm.taobao.org)
7.启动项目
开发模式: npm run dev (windows系统上为npm run dev_win)
8.开发模式下预览项目
访问:http://localhost:8088/dist/view/index.html
- 打开nginx服务器
- tomcat mysql
- ftp服务器
- 内网穿透,natapp
- npm run dev_win
- 注意后端服务器的端口号是否需要调整,配置文件中调整
后端技术栈(后端)
- nginx 负载均衡,图片上传图片服务器
- mybatis分页插件使用
- 支付宝真实对接
- ftp服务器连接
- 使用mybatis插件进行自动生成dao pojo层
此项目为hub主的js的课程设计,用原生js开发,前后端完全分离,需要ftp服务器,npm等软件,可以发送邮箱至1027700603@qq.com