课程教学互动交流教育宝学习进度小程序-CSDN博客

本文链接：https://blog.csdn.net/QQ3166678367/article/details/148041689

具体实现截图

在这里插入图片描述

技术栈

确定采用前后端分离的架构模式，前端基于微信小程序原生开发框架结合相关前端技术进行页面设计与交互实现，后端选用合适的技术框架构建业务逻辑处理和数据存储服务，通过接口实现前后端的数据交互，保障系统的可扩展性、可维护性和灵活性根据系统功能需求，设计数据库的结构，确定需要创建的数据表以及表之间的关联关系。针对微信小程序的特点，按照简洁、美观、易用的原则设计各个功能页面的布局和交互流程，方便用户操作。设计相关的算法，如车辆搜索算法，优化系统的功能实现和用户体验。
Vue：性能提升、体积减小、响应式原理改变、支持碎片、Composition API的引入、更好的TypeScript支持、生命周期钩子的变化、指令与插槽的差异、以及一些其他的新特性
开发工具：微信开发者工具/idea/
编程语言: java
框架：springboot
数据库: mysql 版本不限
数据库工具：Navicat/SQLyog都可以

本系统开发思路

（1）数据库结构的建立
（2）后台数据的增加，修改删除
（3）前台和后台数据的同步
微信小程序前端开发：运用微信开发者工具，设计简洁美观、交互友好的界面。实现页面布局、组件设计、用户交互效果等，确保在不同移动设备上的兼容性和显示效果。
机型选择：小程序以智能手机的屏幕尺寸为设计标准，进行切图。
预览界面：写好视图布局后点击编译，用来刷新视图界面。
控制台：方便调试打印输出信息。
上传代码：上传到腾讯服务器，提交审核必经步骤。上传代码时可以填写版本号和备注信息。
资源文件：一般可以在资源文件进行对应项目的文件目录的断点调试。
显示远程调试：手机端和PC端开发工具联调对用户而言是非常实用的。
本地数据存储：显示的是本地存储的数据。
视图调试：标组件以子父层级结构呈现，方便调试。
微信限制在2M 以内的代码体积；开发中一般不校验合法域名信息；小程序后台要做配置服务器域名。
数据库设计：设计合理的数据库结构如MySQL、MongoDB等，包括用户表、收藏表,评价表等。确定各表之间的关联关系，保证数据的完整性和一致性。
系统部署与测试：将前端代码部署到微信小程序平台，部署后端服务到云服务器或其他托管平台，进行系统整体测试和优化。

按照详细设计的界面和交互要求，使用微信小程序原生开发框架进行前端代码的编写。进行页面布局和样式设计，使页面呈现出良好的视觉效果；实现页面的交互逻辑，如点击事件、滑动效果、表单验证等，同时调用微信小程序提供的 API 实现一些特定功能。依据后端架构和功能模块设计，使用选定的后端开发语言和框架进行代码编写。实现各个功能模块对应的业务逻辑，保障后端服务的稳定运行和数据的准确性。开发前后端之间交互的接口，定义清晰的数据格式和传输规范，确保前后端协同工作，系统功能能够正常实现

小程序框架以及目录结构介绍

以微信小程序原生框架为基础，结合 HTML5、CSS3、JavaScript 进行页面搭建、样式设计与交互逻辑实现。利用小程序开发工具初始化项目，通过 CSS3 打造响应式美观布局，用 JavaScript 处理点击、滑动等交互，调用微信 API 实现授权登录、分享等功能。集成 Vue.js 等前端框架提升开发效率与功能实现。开发语言与框架: Java + Spring Boot.数据库：选用 MySQL 等关系型数据库存结构化数据，通过mysql语句实现增删改查。接口与服务:明确请求、响应规范，在后端实现用户管理、车辆管理、交易管理等各模块业务逻辑，部署到云服务器，并可采用微服务、容器化技术保障扩展性和可用性。前后端集成：通过 HTTP 协议通信,解决接口调用问题。性能优化：前端压缩图片、文件，利用缓存，优化渲染；后端优化数据库查询、采用缓存、分析业务代码性能、合理配置服务器资源。

微信开发者工作程序调试主要有三大功能区：模拟器、调试工具和小程序操作区,启动工具时，开发者需要使用已在后台绑定成功的微信号扫描二维码登录，后续所有的操作都会基于这个微信的帐号。
是微信官方提供的针对微信小程序的开发工具，集中了开发，调试，预览，上传等功能。微信团队发布了微信小程序开发者工具、微信小程序开发文档和微信小程序设计指南，全新的开发者工具，集成了开发调试、代码编辑及程序发布等功能，帮助开发者简单和高效地开发微信小程序。

java类核心代码部分展示

@RestController
@RequestMapping("/yuangong")
public class YuangongController {
    @Autowired
    private YuangongService yuangongService;
	@Autowired
	private TokenService tokenService;
	
	/**
	 * 登录
	 */
	@IgnoreAuth
	@RequestMapping(value = "/login")
	public R login(String username, String password, String captcha, HttpServletRequest request) {
		YuangongEntity user = yuangongService.selectOne(new EntityWrapper<YuangongEntity>().eq("yuangonggonghao", username));
		if(user==null || !user.getMima().equals(password)) {
			return R.error("账号或密码不正确");
		}
		
		String token = tokenService.generateToken(user.getId(), username,"yuangong",  "员工" );
		return R.ok().put("token", token);
	}
	
	/**
     * 注册
     */
	@IgnoreAuth
    @RequestMapping("/register")
    public R register(@RequestBody YuangongEntity yuangong){
    	//ValidatorUtils.validateEntity(yuangong);
    	YuangongEntity user = yuangongService.selectOne(new EntityWrapper<YuangongEntity>().eq("yuangonggonghao", yuangong.getYuangonggonghao()));
		if(user!=null) {
			return R.error("注册用户已存在");
		}
		Long uId = new Date().getTime();
		yuangong.setId(uId);
        yuangongService.insert(yuangong);
        return R.ok();
    }

	/**
	 * 退出
	 */
	@RequestMapping("/logout")
	public R logout(HttpServletRequest request) {
		request.getSession().invalidate();
		return R.ok("退出成功");
	}
	
	/**
     * 获取用户的session用户信息
     */
    @RequestMapping("/session")
    public R getCurrUser(HttpServletRequest request){
    	Long id = (Long)request.getSession().getAttribute("userId");
        YuangongEntity user = yuangongService.selectById(id);
        return R.ok().put("data", user);
    }
        /**
     * 密码重置
     */
    @IgnoreAuth
	@RequestMapping(value = "/resetPass")
    public R resetPass(String username, HttpServletRequest request){
    	YuangongEntity user = yuangongService.selectOne(new EntityWrapper<YuangongEntity>().eq("yuangonggonghao", username));
    	if(user==null) {
    		return R.error("账号不存在");
    	}
        user.setMima("123456");
        yuangongService.updateById(user);
        return R.ok("密码已重置为：123456");
    }

论文写作大纲参考

目录
摘要 I
Pick to I
1绪论 1
1.1项目研究的背景
1.2开发意义
1.3项目研究现状及内容
1.4论文结构
2开发技术介绍
2.1微信小程序技术
2.2 编程语言
2.3 MySQL环境配置
2.4uniapp框架
2.5微信开发者工具
3系统分析
3.1 系统可行性分析
3.1.1 经济可行性
3.1.2 技术可行性
3.1.3 运行可行性
3.1.4 操作可行性
3.2 需求分析
3.3流程的分析
3.3.1 用户管理流程
3.3.2 系统登录流程图
3.3.3 添加信息流程
3.3.4 删除信息流程
3.4微信序的性能
4系统设计
4.1 系统结构设计
4.2 数据库设计
4.2.1 数据库表说明
4.2.2 数据库逻辑设计
5系统详细设计
5.1 小程序端
5.2管理员功能模块
6系统测试
6.1 功能测试
6.2 可用性测试
6.3 性能测试
6.4 测试结果分析
7总结与心得体会
7.1 总结
7.2 心得体会
参考文献
致谢