基于vue2.0的商场开发


浏览:1105 次

这是一个基于vue Family Bucket+节点的商城网站。js+express+mysql

项目github地址:

查看

如果你认为这对你有帮助,你可以在左下角给我一些支持。非常感谢。

项目结构

如下图所示:

项目结构

注意:这个项目是一个真正的请求后台api。服务器是后端数据接口项目结构,可以在运行时单独取出并放在/www或/htdocs下。没有使用过集成包(Apache+php+mysql…)的小伙伴很容易向百度学习。当然,您也可以根据个人习惯独立配置MySQL环境。连接server/conf/conf上的MySQL代码。js,您只需要将配置信息更改为自己的信息。表创建的SQL语句设置在server/malldata中。您可以直接复制和插入SQL文件。我的数据库名是malldata,您应该记得更改它。对于那些不知道如何使用数据库的人来说,去百度百度很容易。基本的添加、删除、更改和查询就足够了。

项目运营

#克隆到本地:

https://github.com/wzz5304/vueMall.git

#安装依赖关系:

视频:

....

Cd vueMall master(输入项目文件)

Npm安装

express:(输入项目文件)

cd服务器

Npm安装

#本地开发、服务器启动、浏览器访问http://localhost:8081,express侦听端口3001http://localhost:3001(我更改了侦听端口)

视频:

npm运行开发

快递:

节点bin\www

#生成生产

npm运行构建

注意:对于首次使用vue和express的用户,请记住在全球范围内安装vue cli和express

vue cli公司

键入命令:npm install-g vue cli

表示

键入命令:cnpm i-g express generator

如果你不明白,你可以查看后台监控端口。如果它对你有帮助,记得给一颗心。非常感谢。

项目描述

使用的技术堆栈

vue-cli2+vue2.0+vue路由器+vuex+axios+触控笔+scs+节点。js+es6+express+mysql

执行功能

-登录注册

-商品详细信息

-购物车管理

-地址管理

-模拟支付(因为无法调用支付接口)

-订单管理

功能描述

-基于vue2.0

-使用vue-cli脚手架建造项目

-使用vue路由器实现路由切换

-使用vuex进行状态管理

-使用公理的数据请求

-手写笔和scss书写风格

-链接滚动使用vue-inite滚动插件和图像延迟加载vue-lazyload插件

-快速编写后台api

-Mysql实现数据存储

学习参考资料

Vue2.0官方网站

净现值

第6版

粘滞的页脚

真棒vue

相关资讯:
APP项目开发流程

APP项目开发流程

查看
软件外包开发过程

软件外包开发过程

查看
软件外包项目开发过程

软件外包项目开发过程

查看
如何找到一家满意的软件项目外包公司

如何找到一家满意的软件项目外包公司

查看
寻找优质APP外包公司

寻找优质APP外包公司

查看