微信小程序-毕设级项目搭建-微信小程序商城（内含源码，微信小程序+java逻辑后台+vue管理系统）

1、环境搭建

参考教程：blog.csdn.net/u012888052/…

购买地址: market.zhenzikj.com/detail/80.h…

另外，由于程序涉及微信登陆功能，还须要本身注册个测试帐号，相关地址：测试号管理 | 微信公众平台

里面的AppID、AppSecret，后面须要配置到java后台配置文件中。

2、相关技术栈

css：略

javascript：略

axios：一个基于 promise 的 HTTP 库，能够用在浏览器和 node.js 中，用于先后端交互，发起接口请求。

weui：微信官方设计团队为微信 Web 开发量身打造的一个 UI 样式库，各类官方组件，好用简洁。

3、根据上方教程新建的项目，编写对应程序

一、项目结构如图：

二、项目代码结构：

三、项目配置相关文件：

app.js 用于存储共有的、全局的js函数

app.json 用于存储全局变量，用于配置属性

app.wxss 用于存储全局样式

project.config.json 用于配置项目属性，项目名称等

四、主要页面：

主页面提供微信登陆按钮，当点击按钮时，会调用微信小程序api，获取openid等值，并经过后端接口将用户信息保存到数据库中。

当登陆成功后，进入到商城页，经过列表的形式，展现商城内商品。也可在上方搜索框进行商品名称搜索，精肯定位商品。

进入分类菜单，能够根据分类展现商品列表，并能够经过商品右侧的“➕”进行添加商品。

购物车能够进行实时计算，展现当前商品数量、商品总价。

当点击购物车图标时，能够展现购物车内商品详情，进行数量上的增长、删减，并能够一键清空购物车。

菜单页，用列表的形式，展现出已有订单信息，并展现其当前状态。

“个人“ 页，包括了 个人信息、查看订单、设置收获地址 等功能。