【体系-单体架构】12-单体项目实战 MyShop

最新推荐文章于 2022-10-08 19:57:14 发布

山维

最新推荐文章于 2022-10-08 19:57:14 发布

阅读量271

点赞数

分类专栏：架构演化文章标签： java web

本文链接：https://blog.csdn.net/qq_35162536/article/details/106737700

版权

本文档详细介绍了MyShop单体项目的实战经验，涵盖登录功能、用户管理、内容管理和接口与门户功能的实现。从登录功能的实现到前端表单验证，再到内容管理的插件使用和接口设计，分享了开发过程中的技巧和注意事项，包括使用Lombok简化开发、前端验证、MyBatis动态拼接等。此外，还讨论了SEO优化、验证码机制以及Maven依赖管理等问题。

摘要由CSDN通过智能技术生成

01 登录功能

地址：Architecture-MVC-myshop 登录功能源码 tag:3.0.0-RELEASE
提示：在借鉴AdminLTE-2.4.3的index.html页面编写main.jsp的时候因为不熟悉最好逐行复制，在复制好页面所有需要引入的资源后，启动看运行结果(浏览器按"F12" 检验有无误报错信息)。报错文件为dashboard.js则在代码中查找相关代码删除，刷新页面发现控制台无报错即可
在这里插入图片描述

02 用户管理功能

地址：Architecture-MVC-myshop 用户管理功能源码 tag:3.2.0-RELEASE
提示01：将重复使用的样式进行封装以重用在这里插入图片描述
提示02：将所需按钮在原型页面复制，粘贴进代码直接使用

提示03：火狐浏览器插件发送请求进行测试

提示04：验证信息的工具类，一般工作中直接搜索对应信息验证的正则表达式

package com.demo.my.shop.commons.utils;

/**
 * 正则表达式工具类
 * <p>Title: RegexpUtils</p>
 * <p>Description: </p>
 */
public class RegexpUtils {
   
    /**
     * 验证手机号
     */
    public static final String PHONE = "^((13[0-9])|(15[^4,\\D])|(18[0,5-9]))\\d{8}$";

    /**
     * 验证邮箱地址
     */
    public static final String EMAIL = "\\w+(\\.\\w)*@\\w+(\\.\\w{2,3}){1,3}";

    /**
     * 验证手机号
     * @param phone
     * @return
     */
    public static boolean checkPhone(String phone) {
   
        return phone.matches(PHONE);
    }

    /**
     * 验证邮箱
     * @param email
     * @return
     */
    public static boolean checkEmail(String email) {
   
        return email.matches(EMAIL);
    }
}

提示05：将表单利用Spring MVC表单标签进行简化错误回显操作

<!--普通表单格式-->
<form class="form-horizontal" action="/user/save" method="post">
    <div class="box-body">
        <div class="form-group">
            <label for="inputEmail" class="col-sm-2 control-label" >邮箱</label>
            <div class="col-sm-10">
                <!--
                    增加属性 value="${tbUser.email}" 失败后让之前填写的内容回显
                    但这样亦略微复杂，可直接使用 Spring MVC 表单标签简化开发
                 -->
                <input type="email" class="form-control" id="inputEmail" name="email" placeholder="请输入邮箱地址">
            </div>
        </div>
        <div class="form-group">
            <label for="inputPassword" class="col-sm-2 control-label">密码</label>
            <div class="col-sm-10">
                <input type="password" class="form-control" id="inputPassword" name="password" placeholder