鲜花商城小程序+后台管理数据可视化分析
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
下一篇:
基于微信小程序的图书馆选座系统源码
