mall_fe

by WAng91An

WAng91An /mall_fe

电商前端,前后台分离,webpack开发

130 Stars 6 Forks Last release: Not found 15 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Wmall电商网站 (Wmall前端实现)

介绍

  • 采用前后端分离架构思想
  • 利用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 [email protected] --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

运行时注意

  1. 打开nginx服务器
  2. tomcat mysql
  3. ftp服务器
  4. 内网穿透,natapp
  5. npm run dev_win
  6. 注意后端服务器的端口号是否需要调整,配置文件中调整

后端技术栈(后端)

  1. nginx 负载均衡,图片上传图片服务器
  2. mybatis分页插件使用
  3. 支付宝真实对接
  4. ftp服务器连接
  5. 使用mybatis插件进行自动生成dao pojo层

注意

此项目为hub主的js的课程设计,用原生js开发,前后端完全分离,需要ftp服务器,npm等软件,可以发送邮箱至[email protected]

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.