Springboot钓鱼交友平台小程序的详细设计与实现主要是根据前面的Springboot钓鱼交友平台小程序的需求分析和Springboot钓鱼交友平台小程序的总体设计来设计页面并实现业务逻辑。主要从Springboot钓鱼交友平台小程序界面实现、业务逻辑实现这两部分进行介绍。
当进入Springboot钓鱼交友平台小程序的时候,首先映入眼帘的是系统的导航栏,下面是轮播图以及系统内容,其主界面展示如下图4-1所示。
图4-1 前台首页界面图
普通的用户只支持对首页部分内容的浏览,想要购买或者查看搜索商品就必须登录到系统,如果你没有本Springboot钓鱼交友平台小程序的账号的话,添加“注册”根据提示输入好用户信息后,点击“注册”按钮后,系统会对输入的信息进行验证,验证输入的账户名和数据库表中已经注册的账户名是否重复,只有都验证没问题后即可用户注册成功。其用用户注册界面展示如下图4-2所示。
图4-2 前台用户注册界面图
Springboot钓鱼交友平台小程序中的前台上注册后的用户是可以通过自己的账户名和密码进行登录的,当用户输入完整的自己的账户名和密码信息并点击“登录”按钮后,将会首先验证输入的有没有空数据,再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致,只有在一致后将会登录成功并自动跳转到Springboot钓鱼交友平台小程序的首页中;否则将会提示相应错误信息,用户登录界面如下图4-3所示。
图4-3用户登录界面图
用户登录的关键代码如下。
/**
* 登录
* @param data
* @param httpServletRequest
* @return
*/
@PostMapping("login")
public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {
log.info("[执行登录接口]");
String username = data.get("username");
String email = data.get("email");
String phone = data.get("phone");
String password = data.get("password");
List resultList = null;
Map<String, String> map = new HashMap<>();
if(username != null && "".equals(username) == false){
map.put("username", username);
resultList = service.select(map, new HashMap<>()).getResultList();
}
else if(email != null && "".equals(email) == false){
map.put("email", email);
resultList = service.select(map, new HashMap<>()).getResultList();
}
else if(phone != null && "".equals(phone) == false){
map.put("phone", phone);
resultList = service.select(map, new HashMap<>()).getResultList();
}else{
return error(30000, "账号或密码不能为空");
}
if (resultList == null || password == null) {
return error(30000, "账号或密码不能为空");
}
//判断是否有这个用户
if (resultList.size()<=0){
return error(30000,"用户不存在");
}
User byUsername = (User) resultList.get(0);
当用户点击“收货地址”右后,就回去显示出目前现有的地址,也可以添加新的地址,收货地址界面如下图4-4所示。
图4-4收货地址界面图
收货地址的关键代码如下。
@PostMapping("/add")
@Transactional
public Map<String, Object> add(HttpServletRequest request) throws IOException {
service.insert(service.readBody(request.getReader()));
return success(1);
}
@Transactional
public Map<String, Object> addMap(Map<String,Object> map){
service.insert(map);
return success(1);
}
当用户点击“钓点信息”后,可通过搜索钓点名称和潮汐情况进行查看钓点类型、钓点位置、空钓位置、潮汐情况、详情说明等详细信息,可查看地图详情、预定钓位、点赞、评论等操作;界面如下图4-5所示。
图4-5钓点信息界面图
当访客点击了任意商品后将会进入该款商品的详情界面,可以了解到该商品的图片信息、商品描述、价钱等,同时可以对该商品进行加购+立即购买+收藏+点赞+评论,产品展示展示页面如图4-6所示。
图4-6 产品展示界面图
产品展示的关键代码如下。
@RequestMapping(value = {"/count_group", "/count"})
public Map<String, Object> count(HttpServletRequest request) {
Query count = service.count(service.readQuery(request), service.readConfig(request));
return success(count.getResultList());
}
当用户点击“我的订单”链接后就进入自己购买的订单的界面展示,界面如下图4-7所示。
图4-7 我的订单界面图
我的订单的关键代码:
@RequestMapping("/get_list")
public Map<String, Object> getList(HttpServletRequest request) {
Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));
return success(map);
}
点击“文章信息”栏,可查看管理员发布的文章信息,对喜欢的文章可以收藏、点赞、发表评论,也可发布文章信息;界面如下图4-8所示。
图4-7 文章信息界面图
4.1.9联系钓友界面
在“联系钓友”一栏可编辑联系内容选择要发送到需要联系的钓友;界面如下图4-9所示。
图4-9 联系钓友面图
管理员可以对Springboot钓鱼交友平台小程序中的公告信息进行增删改查操作。界面如下图4-10所示。
图4-10 公告管理界面图
管理员在后台可以对Springboot钓鱼交友平台小程序中显示的商城中心及其商品信息进行增删改查,界面如下图4-11所示。
图4-11商城中心管理界面图
商城中心管理关键代码:
@RequestMapping(value = {"/avg_group", "/avg"})
public Map<String, Object> avg(HttpServletRequest request) {
Query count = service.avg(service.readQuery(request), service.readConfig(request));
return success(count.getResultList());
}
管理员可以对Springboot钓鱼交友平台小程序中的订单信息进行维护管理。界面如下图4-12所示。
图4-12订单列表管理界面图
订单列表管理的关键代码如下。
@RequestMapping("/get_obj")
public Map<String, Object> obj(HttpServletRequest request) {
Query select = service.select(service.readQuery(request), service.readConfig(request));
List resultList = select.getResultList();
if (resultList.size() > 0) {
JSONObject jsonObject = new JSONObject();
jsonObject.put("obj",resultList.get(0));
return success(jsonObject);
} else {
return success(null);
}
}
public Query select(Map<String,String> query,Map<String,String> config){
StringBuffer sql = new StringBuffer("select ");
sql.append(config.get(FindConfig.FIELD) == null || "".equals(config.get(FindConfig.FIELD)) ? "*" : config.get(FindConfig.FIELD)).append(" ");
sql.append("from ").append("`").append(table).append("`").append(toWhereSql(query, "0".equals(config.get(FindConfig.LIKE))));
if (config.get(FindConfig.GROUP_BY) != null && !"".equals(config.get(FindConfig.GROUP_BY))){
sql.append("group by ").append(config.get(FindConfig.GROUP_BY)).append(" ");
}
if (config.get(FindConfig.ORDER_BY) != null && !"".equals(config.get(FindConfig.ORDER_BY))){
sql.append("order by ").append(config.get(FindConfig.ORDER_BY)).append(" ");
}
if (config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE))){
int page = config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE)) ? Integer.parseInt(config.get(FindConfig.PAGE)) : 1;
int limit = config.get(FindConfig.SIZE) != null && !"".equals(config.get(FindConfig.SIZE)) ? Integer.parseInt(config.get(FindConfig.SIZE)) : 10;
sql.append(" limit ").append( (page-1)*limit ).append(" , ").append(limit);
}
log.info("[{}] - 查询操作,sql: {}",table,sql);
return runEntitySql(sql.toString());
}
">