鲜花商城小程序+后台管理数据可视化分析
1 简介
一,注册微信小程序
二,微信
下载,根据自己的操作系统下载对应的安装包进行安装即可。
1,新建项目
2,页面介绍
3,项目组成
4,page.json 文件
pages 注册页面 window 窗口信息
5,新建页面
- 在pages文件夹右键建立新的文件夹
- 在文件中右键新建页面
- 哪个page在最上面,默认显示哪页
- json要求严格语法,不能有多余的注释和逗号
这样新的页面就建好了我们来看看都有什么
ceshi.wxml 模板文件 ceshi.js 业务逻辑 ceshi.wxss 样式 ceshi.json 页面配置
把新建的文件路径调到最上面那就是主页了,意思就是,第一个路径就是首页的路径!
页面配置:
"enablePullDownRefresh": true, 允许下拉刷新 "backgroundTextStyle": "dark", 背景文字颜色 "backgroundColor":"#f70", 背景颜色 "usingComponents":{} 组件
三,基本语法
小程序的模板语法约等于vue的模板语法
1,文本渲染
{ { msg}}可以执行简单的js表达式 { {2+3}} { {msg.length}}
2,条件渲染
wx:if="" wx:elif="" wx:else
3,列表渲染
wx:for="{ {list}}" wx:key="index" { {item}} { {index}}
4,自定义列表渲染
定义item与index的名称 wx:for="{ {list}}}" wx:for-item="myitem" wx:for-index="myidx" { {myidx}} { {myitem}}
5,导入
(不常用)
import 只能导入template内容 template/utils.wxml < template name=“userCart”> 用户名:{ {name}} < /temlate> home.wxml < import src=“/template/utils.wxml”> < tempate is=“userCart” data=“{ {…u1}}”>
include 只能导入非template内容 template/foot.wxml < view> { {内容}} </ view> home.wxml < include src=“/template/foot.wxml”>
本系统的功能主要包括本系统的功能主要包括:
- 用户注册、登录、
- 信息维护、
- 会员搜索、
- 个性化推荐
- 管理员进行信息管理等
- 发布商品
- 商品购买
- 销售数据统计
- 后台+小程序开发
- 数据excel导出
3 系统关键技术
4 开发工具
5 代码展示
@RequestMapping("/strategy") @RestController @Scope("prototype") public class StrategyController { @Autowired private StrategyService strategyService; @Value("${web.upload-path}") private String path; @RequestMapping("/findPage") public ObjDat<Strategy> findPage(Strategy strategy, @RequestParam(value="page", defaultValue="1") int page, @RequestParam(value="limit", defaultValue="10") int limit){ return strategyService.findPage(strategy,page-1,limit); } @RequestMapping("/edit") public JsonResult edit(HttpServletRequest request, Strategy strategy) throws IOException { User user=(User)request.getSession().getAttribute("user"); if(user==null){ return JsonResult.error("请登录"); } String str=strategyService.edit(request,strategy); if(str.equals("成功")){ return JsonResult.success("操作成功"); }else{ return JsonResult.error("操作失败"); } }
6 系统功能描述
项目功能演示
上一篇:
微信小程序ssm电影院售票系统app
下一篇:
基于微信小程序的图书馆选座系统源码