使用mpvue+springboot开发微信小程序 一 - Go语言中文社区

使用mpvue+springboot开发微信小程序 一


使用mpvue+springboot开发微信小程序 一

简介

入坑程序员一年多,主攻后端javaWeb方向,但是对前端技术栈一直都有很大的兴趣,经常看一些技术博文和教程。有一次看到了一个婚礼邀请函的微信小程序,作者将其开发的程序开源出来了,顺手clone下来看了看源码。因为本人的婚期也已经提上了日程,熟悉了项目套路之后,就准备自己开发一个类似的小程序。
项目相关的代码已经放到GitHub上了,有兴趣的看官可以去看看,如果可以给个星星的话那便更好了。
后端服务:
https://github.com/HowToRun/marry-restructure.git
前端代码:https://github.com/HowToRun/wxdemo.git

技术栈选择

程序后台使用springboot+mybatis开发,开放RESTful接口与小程序前端进行数据交互;
前端使用mpvue进行开发。
mpvue是美团开源用于小程序开发的前端框架,官网文档参见:
http://mpvue.com/mpvue/

设计开发

婚礼邀请函小程序主要功能比较简单,前端分为三个tab,分别用于展示照片,地图导航,祝福点赞。整体流程和数据结构都不难理解。

表结构设计

数据库所用到的表一共有8个,表结构如下:

CREATE TABLE `user_record_info` (
  `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '自增id',
  `user_open_id` varchar(255) DEFAULT NULL COMMENT '用户标识',
  `create_time` datetime DEFAULT NULL COMMENT '创建时间,即用户登录时间',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=160 DEFAULT CHARSET=utf8 COMMENT='用户登录记录表,用户每登录一次,就新增该表一条数据。'; 
CREATE TABLE `user_info` (
  `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '自增id',
  `open_id` varchar(255) DEFAULT NULL COMMENT '微信用户唯一标识',
  `avatar_url` varchar(255) DEFAULT NULL COMMENT '头像地址',
  `nick_name` varchar(255) DEFAULT NULL COMMENT '微信昵称',
  `province` varchar(255) DEFAULT NULL COMMENT '归属地省份',
  `city` varchar(255) DEFAULT NULL COMMENT '归属地城市',
  `create_time` datetime DEFAULT NULL COMMENT '创建时间',
  `update_time` datetime DEFAULT NULL COMMENT '更新时间',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8 COMMENT='存储用户基本信息,与用户相关的基本表。不存重。查重标准:open_id。';
CREATE TABLE `share_info` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `share_user` varchar(255) DEFAULT NULL COMMENT '分享人open_id',
  `create_time` datetime DEFAULT NULL COMMENT '分享时间',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='分享记录表'; 
CREATE TABLE `logo_info` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `img_url` varchar(255) CHARACTER SET utf8 DEFAULT NULL COMMENT '图片地址',
  `create_time` datetime DEFAULT NULL COMMENT '创建时间',
  `update_time` datetime DEFAULT NULL COMMENT '更新时间',
  `user_open_id` varchar(255) CHARACTER SET utf8 DEFAULT NULL COMMENT '用户open_id',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

CREATE TABLE `image_info` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `code` varchar(255) DEFAULT NULL COMMENT '唯一标识',
  `img_url` varchar(255) DEFAULT NULL COMMENT '图片地址',
  `title` varchar(255) DEFAULT NULL COMMENT '图片标题',
  `user_open_id` varchar(255) DEFAULT NULL COMMENT '所属用户open_id',
  `desc` varchar(255) DEFAULT NULL COMMENT '描述',
  `create_time` datetime DEFAULT NULL,
  `update_time` datetime DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=7 DEFAULT CHARSET=utf8 COMMENT='图片概览信息表';
CREATE TABLE `image_detail_info` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `code` varchar(255) DEFAULT NULL COMMENT '唯一标识',
  `img_url` varchar(255) DEFAULT NULL COMMENT '图片地址',
  `user_open_id` varchar(255) DEFAULT NULL COMMENT '所属用户open_id',
  `banner_code` varchar(255) DEFAULT NULL COMMENT '入口图片code',
  `desc` varchar(255) DEFAULT NULL COMMENT '描述',
  `create_time` datetime DEFAULT NULL,
  `update_time` datetime DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=7 DEFAULT CHARSET=utf8 COMMENT='图片详情信息';
CREATE TABLE `comment_info` (
  `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '自增id',
  `comment_user` varchar(255) DEFAULT NULL COMMENT '评论人open_id',
  `comment` varchar(255) DEFAULT NULL COMMENT '评论内容',
  `create_time` datetime DEFAULT NULL COMMENT '评论时间',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=14 DEFAULT CHARSET=utf8 COMMENT='评论表';
CREATE TABLE `bless_info` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `bless_user` varchar(255) DEFAULT NULL COMMENT '点赞人open_id',
  `create_time` datetime DEFAULT NULL COMMENT '创建时间(点赞时间)',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=44 DEFAULT CHARSET=utf8 COMMENT='点赞记录表';

后台服务脚手架搭建

我没有使用spring官网脚手架的习惯,现在使用的脚手架都是项目上沉淀下来的一套脚手架,相对较为稳定,当然,存在的问题就是有些jar包版本可能比较低。pom文件内容较多,这里就不贴出来了。下图是我脚手架的目录结构。
后台服务目录结构
表结构OK,后台脚手架OK,之后就可以开始后台接口的开发了。

版权声明:本文来源CSDN,感谢博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/weixin_42935566/article/details/98482303
站方申明:本站部分内容来自社区用户分享,若涉及侵权,请联系站方删除。

0 条评论

请先 登录 后评论

官方社群

GO教程

猜你喜欢