基于微信小程序的社区垃圾回收管理系统ssm

931 篇文章 3 订阅
347 篇文章 7 订阅
本文描述了一个基于微信小程序的垃圾回收系统,包括用户和商家的注册登录、废品回收、订单管理和商家信息管理等功能。系统采用Serverless架构,前端利用微信开发者工具和JavaScript,后端使用Java、SSM框架,数据库为MySQL。此外,还涉及Vue.js用于后台管理系统。
摘要由CSDN通过智能技术生成

垃圾回收小程序有三个登录角色使用,商家和用户可以登录微信端进行垃圾回收,订单查询,收藏管理,管理员登录系统服务端可对商家信息,用户信息,订单信息进行管理。系统的主要功能模块有登录模块,注册模块,废品回收模块,商家信息管理模块,订单管理模块。

1注册模块

用户注册,在用户注册页面选择注册角色通过填写用户账号、用户姓名、密码、性别、年龄、联系电话等信息进行注册操作。

2登录模块

用户登录,用户通过输入用户名和密码,选择角色并点击登录进行系统登录操作。

3商家信息管理模块

商家,在我的页面可以对废品类型、废品回收、废品订单、我的收藏管理等详细信息进行操作,在用户信息页面通过填写商家编号、密码、商家名称、商家图片、经营范围、商家地址、负责人、联系方式等详细信息进行保存操作。

4废品回收模块

用户登陆系统后,可以对首页、废品回收、我的等功能进行详细操作,在废品回收页面可以查看废品名称、废品类型、商家编号、商家名称、商家地址、联系方式、计量单位、回收价格、回收时间、废品详细等详细信息,用户可以进行在线下单。

5订单管理模块

用户和商家可在订单管理模块对自己的订单信息进行修改,删除的操作,管理员在订单管理页面可以对索引、废品名称、废品类型、商家编号、商家名称、商家地址、联系方式、计量单位、回收价格、重量、总金额、下单时间、废品图片、用户账号、用户姓名、联系电话、是否支付等内容进行详情,修改或删除等操作,

设计方法

使用基于 Serverless 架构的微信小程序架构,微信小程序的框架分为 App Service 逻 辑层和 View 视图层。View 层为视图层,设计微信小程序各页面结构,包括了 WXML 和 WXSS 文件,可以对页面结构样式进行设计,App Service 层是用来调用接口、请求 数据和处理逻辑等功能的。View 层和 App Service 是在两个独立的线程中运行的。 View 视图层让开发者通过编写 WXSS 和 WXML 样式文件来设计小程序的各个页面。一个 view 模块对应着一个页面,同时在每个页面中又可以包含很多的 view 模块。 Service 逻辑层负责小程序开发的后台逻辑,它由 js 文件以及微信所提供的一些相 关辅助模块一起组成。每个小程序仅有一个 service 进程,它在开发者工具内也是一个 页面,但它与视图层有所不同,它是在小程序生命周期内的后台运行。

后端:使用微信小程序原生技术栈 JavaScript 简称 JS,是计算机编程语言,常用于控制整个页面的逻辑,是基于 web 页面开发并且具有安全性的脚本语言,该语言的类型是动态且灵活的,仅仅需要浏览器 功能支持即可运转,故跨平台性和适用性都很高。JSON:全称 JavaScript Object Notation,可用于存储数据,配置系统全局或单页面。WXML:全称 WeiXin Markup Language,是微信小程序框架设计语言,用于展示 UI(User Interface 用户界面)模板;WXSS:全称基于JavaScript 的垃圾分类系统的设计与实现 4 WeiXin Style Sheets,用于规定 UI 样式,具有CSS(Cascading Style Sheets 层叠样式表) 的大部分特性,在其基础上扩展了尺寸单位和样式导入功能。WXS:全称 WeiXin Script, 封装后的 JS 一般内嵌于 WXML 页面,方便构建页面。

前端:使用微信web开发者工具微信,web 开发者工具是微信官方平台发布的用于开发微信小程序和小游戏的平台,由微信官方平台供应小程序的前端开发框架和后台服务器。微信开发者工具集中了开发、调试、预览和上传等功能。该工具主要是根据系统层提供的框架来进行开发,由于小程序并非在浏览器中运行的,因此在 web 中禁用了 Document、Window 之类的方法。 微信开发者工具与 HTML5 开发工具有相似之处,但在预览模式方面存在一定差异,该工具属于微信本身,故能够有效的实现同步本地文件、开发小程序以及调试等一系列流程。除此之外,该工具开发了一些标签语言和样式语言。在微信小程序用的开发过程中, 进一步的提供了原生АРР的组件,使得开发者的工作更为便捷。

 

 

本系统包含微信小程序前台和Java做的后台管理系统,该后台采用前后台前后分离的形式使用Java+VUE

技术路线

开发语言:Java、小程序

前端技术:JavaScript、VUE.js(2.X)、css3

后端框架:ssm

JDK版本:JDK1.8

服务器:tomcat9

数据库:mysql 5.7

数据库工具:Navicat11

开发软件:eclipse/myeclipse/idea

浏览器:谷歌浏览器

小程序运行软件:微信开发者

 

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值