鲜花商城小程序+后台管理数据可视化分析

1 简介

一,注册微信小程序

二,微信

下载,根据自己的操作系统下载对应的安装包进行安装即可。

1,新建项目

2,页面介绍

3,项目组成

4,page.json 文件

pages 注册页面 window 窗口信息

5,新建页面

  1. 在pages文件夹右键建立新的文件夹
  2. 在文件中右键新建页面
  3. 哪个page在最上面,默认显示哪页
  4. 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”>

本系统的功能主要包括本系统的功能主要包括:

  1. 用户注册、登录、
  2. 信息维护、
  3. 会员搜索、
  4. 个性化推荐
  5. 管理员进行信息管理等
  6. 发布商品
  7. 商品购买
  8. 销售数据统计
  9. 后台+小程序开发
  10. 数据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 系统功能描述

项目功能演示

经验分享 程序员 微信小程序 职场和发展