【尚筹网项目】一、【后台】搭建环境-白红宇

【尚筹网项目】一、【后台】搭建环境

阅读量：266 次

发布时间：2019-03-01

本文共 18347 字，大约阅读时间需要 61 分钟。

【后台】搭建环境

一、环境搭建总体目标

在这里插入图片描述

二、创建工程

(1) 项目架构图

在这里插入图片描述

(2) 项目创建计划

atcrowdfunding01-admin-parentgroupId：com.atguigu.crowdartifactId：atcrowdfunding01-admin-parentpackaging：pomatcrowdfunding02-admin-webuigroupId：com.atguigu.crowdartifactId：atcrowdfunding02-admin-webuipackaging：waratcrowdfunding03-admin-componentgroupId：com.atguigu.crowdartifactId：atcrowdfunding03-admin-componentpackaging：jaratcrowdfunding04-admin-entitygroupId：com.atguigu.crowdartifactId：atcrowdfunding04-admin-entitypackaging：jaratcrowdfunding05-common-utilgroupId：com.atguigu.crowdartifactId：atcrowdfunding05-common-utilpackaging：jaratcrowdfunding06-common-reversegroupId：com.atguigu.crowdartifactId：atcrowdfunding06-common-reversepackaging：jar

(3) 详细步骤

① 创建Empty Project

File -> New -> Project -> Empty Project

② 创建各个module

参照

③ 添加工程之间的依赖

在这里插入图片描述

然后添加依赖代码，例如在 component 的 pom.xml 中添加 entity依赖


   	
    
     atcrowdfunding04-admin-entity
    	
    
     com.atguigu.crowd
    	
    
     1.0-SNAPSHOT

三、创建数据库和数据库表

(1) 创建数据库

CREATE DATABASE `project_crowd` CHARACTER SET utf8;

(2) 创建管理员数据库表

use project_crowd;drop table if exists t_admin;create table t_admin(	id int not null auto_increment,   # 主键	login_acct varchar(255) not null, # 登录账号	user_pswd char(32) not null,      # 登录密码	user_name varchar(255) not null,  # 昵称	email varchar(255) not null,      # 邮件地址	create_time char(19),             # 创建时间	primary key (id));

在这里插入图片描述

四、基于 Maven 的 MyBatis 逆向工程

(1) pom配置

在 atcrowdfunding06-common-reverse 的 pom.xml 文件中


       
    
     org.mybatis
        
    
     mybatis
        
    
     3.2.8


   
       
        
            
             
                 
      
       org.mybatis.generator
                  
      
       mybatis-generator-maven-plugin
                  
      
       1.3.0
                  
                  
                      
                       
                           
        
         org.mybatis.generator
                            
        
         mybatis-generator-core
                            
        
         1.3.2
                        
                       
                       
                           
        
         com.mchange
                            
        
         c3p0
                            
        
         0.9.2
                        
                       
                       
                           
        
         mysql
                            
        
         mysql-connector-java
                            
        
         5.1.8

(2) 创建 generatorConfig.xml

在这里插入图片描述

★ 遇到的问题：

“http://mybatis.org/dtd/mybatis-generator-config_1_0.dtd” 飘红

在这里插入图片描述

(3) 执行逆向生成操作的Maven 命令

在这里插入图片描述

如果maven里看不到上面这个，可以换一种给方法

(4) 逆向工程生成的资源各归各位

生成的资源

归位

五、父工程依赖管理

在这里插入图片描述

(1) 版本声明


     
      
    
     4.3.20.RELEASE
        
      
    
     4.2.10.RELEASE

(2) 依赖管理


       
          
           
           
             
      
       org.springframework
              
      
       spring-orm
              
      
       ${atguigu.spring.version}
            
           
           
             
      
       org.springframework
              
      
       spring-webmvc
              
      
       ${atguigu.spring.version}
            
           
             
      
       org.springframework
              
      
       spring-test
              
      
       ${atguigu.spring.version}
            
           
           
             
      
       org.aspectj
              
      
       aspectjweaver
              
      
       1.9.2
            
           
           
             
      
       cglib
              
      
       cglib
              
      
       2.2
            
           
           
           
             
      
       mysql
              
      
       mysql-connector-java
              
      
       5.1.3
            
           
           
             
      
       com.alibaba
              
      
       druid
              
      
       1.0.31
            
           
           
             
      
       org.mybatis
              
      
       mybatis
              
      
       3.2.8
            
           
           
             
      
       org.mybatis
              
      
       mybatis-spring
              
      
       1.2.2
            
           
           
             
      
       com.github.pagehelper
              
      
       pagehelper
              
      
       4.0.0
            
           
           
             
      
       org.slf4j
              
      
       slf4j-api
              
      
       1.7.7
            
           
             
      
       ch.qos.logback
              
      
       logback-classic
              
      
       1.2.3
            
           
           
             
      
       org.slf4j
              
      
       jcl-over-slf4j
              
      
       1.7.25
            
           
             
      
       org.slf4j
              
      
       jul-to-slf4j
              
      
       1.7.25
            
           
           
             
      
       com.fasterxml.jackson.core
              
      
       jackson-core
              
      
       2.9.8
            
           
             
      
       com.fasterxml.jackson.core
              
      
       jackson-databind
              
      
       2.9.8
            
           
             
      
       com.fasterxml.jackson.core
              
      
       jackson-annotations
              
      
       2.9.8
            
           
           
             
      
       jstl
              
      
       jstl
              
      
       1.2
            
           
           
             
      
       junit
              
      
       junit
              
      
       4.12
              
      
       test
            
           
           
             
      
       javax.servlet
              
      
       servlet-api
              
      
       2.5
              
      
       provided
            
           
           
             
      
       javax.servlet.jsp
              
      
       jsp-api
              
      
       2.1.3-b06
              
      
       provided
            
           
           
             
      
       com.google.code.gson
              
      
       gson
              
      
       2.8.5
            
           
           
             
      
       org.springframework.security
              
      
       spring-security-web
              
      
       4.2.10.RELEASE
            
           
           
             
      
       org.springframework.security
              
      
       spring-security-config
              
      
       4.2.10.RELEASE
            
           
           
             
      
       org.springframework.security
              
      
       spring-security-taglibs
              
      
       4.2.10.RELEASE

六、Spring 整合MyBatis

(1) 思路

在这里插入图片描述

(2) 操作步骤详解

① 在子工程中加入搭建环境所需的具体依赖

子工程：选择component 工程。原因是具体依赖和component 工程相关。

在这里插入图片描述


   
   
       
    
     org.springframework
        
    
     spring-orm
        
            
                 
      
       commons-logging
                  
      
       commons-logging
              
         
    
   
   
       
    
     org.springframework
        
    
     spring-webmvc
    
   
   
       
    
     org.aspectj
        
    
     aspectjweaver
    
   
   
       
    
     cglib
        
    
     cglib
    
   
   
   
       
    
     mysql
        
    
     mysql-connector-java
    
   
   
       
    
     com.alibaba
        
    
     druid
    
   
   
       
    
     org.mybatis
        
    
     mybatis
    
   
   
       
    
     org.mybatis
        
    
     mybatis-spring
    
   
   
       
    
     com.github.pagehelper
        
    
     pagehelper
    
   
   
       
    
     org.slf4j
        
    
     slf4j-api
    
   
       
    
     ch.qos.logback
        
    
     logback-classic
    
   
   
       
    
     org.slf4j
        
    
     jcl-over-slf4j
    
   
   
       
    
     com.fasterxml.jackson.core
        
    
     jackson-core
    
   
       
    
     com.fasterxml.jackson.core
        
    
     jackson-databind
    
   
       
    
     com.fasterxml.jackson.core
        
    
     jackson-annotations
    
   
   
       
    
     jstl
        
    
     jstl
    
   
   
       
    
     javax.servlet
        
    
     servlet-api
        
    
     provided
    
   
   
       
    
     com.google.code.gson
        
    
     gson

② 数据库连接信息

在这里插入图片描述

jdbc.user=rootjdbc.password=123456jdbc.url=jdbc:mysql://localhost:3307/project_crowd?useUnicode=true&characterEncoding=UTF-8jdbc.driver=com.mysql.jdbc.Driver

③ mybatis-config.xml

在这里插入图片描述

④ 创建spring-persist-mybatis.xml

在这里插入图片描述

⑤ Spring 具体配置：第一步配置数据源

★ 遇到问题：

测试：

// 指定Spring 给Junit 提供的运行器类@RunWith(SpringJUnit4ClassRunner.class)// 加载Spring 配置文件的注解@ContextConfiguration(locations = {   "classpath:spring-persist-mybatis.xml"})public class CrowdTest {       @Autowired    private DataSource dataSource;    @Test    public void testDataSource() throws SQLException {           // 1.通过数据源对象获取数据源连接        Connection connection = dataSource.getConnection();        // 2.打印数据库连接        System.out.println(connection);    }}

★ 遇到问题：java entity包找不到

把以下依赖放到 webui 的 pom.xml 下


       
    
     junit
        
    
     junit
        
    
     4.12
        
    
     test
    
   
       
    
     org.springframework
        
    
     spring-test
        
    
     test

在这里插入图片描述

⑥ Spring 具体配置：第二步配置SqlSessionFactoryBean

在 spring-persist-mybatis.xml 中配置

⑦ Spring 具体配置：第三步配置MapperScannerConfigurer

在 spring-persist-mybatis.xml 中配置

测试插入

@Autowiredprivate AdminMapper adminMapper;@Testpublic void testInsertAdmin() {       Admin admin = new Admin(null,"tom","123123","汤姆","tom@qq.com",null);    int count = adminMapper.insert(admin);    System.out.println("插入行数： " + count);}

在这里插入图片描述

七、日志

在这里插入图片描述

// 测试日志@RequestMapping("/test/log.html")public void testLog() {       List
   
     all = adminService.getAll();    // TestHandler.class 为当前类    Logger logger = LoggerFactory.getLogger(TestHandler.class);    logger.info("log: " + all);}

在这里插入图片描述

八、声明式事务 (先不配了，一堆错误)

(1) 思路

(2) 操作

在这里插入图片描述

九、表述层工作机制

(1) 启动过程

在这里插入图片描述

(2) 访问过程

在这里插入图片描述

十、表述层环境搭建

(1) web.xml配置

① ContextLoaderListener


   
   
     
    
     contextConfigLocation
      
    
     classpath:spring-persist-*.xml
    
   
   
     
    
     org.springframework.web.context.ContextLoaderListener

② CharacterEncodingFilter


   
       
    
     CharacterEncodingFilter
        
    
     org.springframework.web.filter.CharacterEncodingFilter
        
        
            
     
      encoding
             
     
      UTF-8
         
        
        
            
     
      forceRequestEncoding
             
     
      true
         
        
        
            
     
      forceResponseEncoding
             
     
      true
         
    
   
       
    
     CharacterEncodingFilter
        
    
     /*

★ 遇到问题：web-app报错，好像是没按规定顺序写，将前面的<doc…全删掉即可

在这里插入图片描述

③ HiddenHttpMethodFilter

遵循RESTFUL 风格将POST 请求转换为PUT 请求、DELETE 请求时使用。省略不配。

之前学springmvc和springboot的时候都说过，遵循rest风格，转换为 put，delete请求时，需要使用过滤器

④ DispatcherServlet 基本配置


   
    
        
    
     springDispatcherServlet
         
    
     org.springframework.web.servlet.DispatcherServlet
         
         
             
     
      contextConfigLocation
              
     
      classpath:spring-web-mvc.xml
          
         
         
         
    
     1
     
    
    
        
    
     springDispatcherServlet
         
         
         
         
         
         
    
     *.html
         
    
     *.json

(2) spring-web-mvc.xml 配置

① 导入命名空间

② 创建SpringMVC 扫描的包

在这里插入图片描述

③ 具体配置

④ 测试

在 webui工程 中加入依赖

在这里插入图片描述

⑤ 页面上的base 标签

在这里插入图片描述

十一、SpringMVC 环境下的Ajax 请求

(1) 建立意识

在这里插入图片描述

(2) Ajax 发送请求

前端发送的数据

$(function () {      // 准备要发送得数组    var array = [5,8,12];    // 将JSON数组转换为JSON字符串    var arrayStr = JSON.stringify(array);    $.ajax({           "url": "send/array.html",   // 请求目标资源的地址        "type": "post",             // 请求方式        "data": arrayStr,           // 要发送的请求参数        "contentType":"application/json;charset=UTF-8", // 告诉服务器端当前请求的请求体是JSON 格式        "success": function (response) {    // 服务器端成功处理请求后调用的回调函数,response是响应体数据            alert(response);        },        "error":function (response) {    // 服务器端处理请求失败后调用的回调函数,response是响应体数据            alert(response);        }    });});

后端接收数据 (ResponseBody，RequestMapping)

@ResponseBody@RequestMapping("/send/array.html")public String testReceiveArrayOne(@RequestBody Integer[] array) {       for (Integer number : array) {           System.out.println("number = " + number);    }    return "success";}

在这里插入图片描述

(3) 需要注意的点

前端
 首先准备好要发送的JSON 数据
1.JSON 对象
2.JSON 数组
 将JSON 对象或JSON 数组转换为JSON 字符串
var arrayStr = JSON.stringify(array);
 将JSON 字符串直接赋值给data 属性
“data”:arrayStr
 必须要设置contentType
“contentType”:“application/json;charset=UTF-8”

后端
 加入jackson 依赖
 开启注解驱动
 使用注解 @RequestBody Integer[] Array

(4) @RequestBody 使用的场景

@RequestBody 使用的场景 ：传统发送请求参数方式不方便发送的数据，使用JSON 请求体的方式发送。特别是要发送复杂对象的时候。

(5) 统一返回数据格式

package com.atguigu.crowd.util;/** * @author ht * @date 2021/3/29 - 10:42 * 用于统一项目中所有Ajax 请求的返回值类型 */public class ResultEntity
   
     {       public static final String SUCCESS = "SUCCESS";    public static final String FAILED = "FAILED";    public static final String NO_MESSAGE = "NO_MESSAGE";    public static final String NO_DATA = "NO_DATA";    /**     * 返回操作结果为成功，不带数据     * @return     */    public static 
    
      ResultEntity
     
       successWithoutData() {           return new ResultEntity
      
       (SUCCESS, NO_MESSAGE, null);    }    /**     * 返回操作结果为成功，携带数据     * @param data     * @return     */    public static 
       
         ResultEntity
        
          successWithData(E data) { return new ResultEntity
         
          (SUCCESS, NO_MESSAGE, data); } /** * 返回操作结果为失败，不带数据 * @param message * @return */ public static 
          
            ResultEntity
           
             failed(String message) { return new ResultEntity
            
             (FAILED, message, null); } private String operationResult; private String operationMessage; private T queryData; public ResultEntity() { } public ResultEntity(String operationResult, String operationMessage, T queryData) { super(); this.operationResult = operationResult; this.operationMessage = operationMessage; this.queryData = queryData; } @Override public String toString() { return "AjaxResultEntity [operationResult=" + operationResult + ", operationMessage=" + operationMessage + ", queryData=" + queryData + "]"; } public String getOperationResult() { return operationResult; } public void setOperationResult(String operationResult) { this.operationResult = operationResult; } public String getOperationMessage() { return operationMessage; } public void setOperationMessage(String operationMessage) { this.operationMessage = operationMessage; } public T getQueryData() { return queryData; } public void setQueryData(T queryData) { this.queryData = queryData; }}

十二、异常映射

(1) 作用

在这里插入图片描述

(2) 异常映射实现方式

① 基于XML

spring-web-mvc.xml 文件中的配置

在这里插入图片描述


   
       
        
            
                 
                  
                  
      
       system-error

② 新建system-error.jsp 页面

在这里插入图片描述

<%@ page contentType="text/html;charset=UTF-8" language="java" %>    Title        
           
    系统信息页面
        
    ${requestScope.exception.message }

③ 判断请求类型的工具方法

判断依据：

④ 创建constant类

public class CrowdConstant {           public static final String ATTR_NAME_EXCEPTION = "exception";        public static final String MESSAGE_LOGIN_FAILED = "登录失败！请确认账号密码是否正确！";}

⑤ 创建异常处理器类

在这里插入图片描述

// @ControllerAdvice表示当前类是一个基于注解的异常处理器类@ControllerAdvicepublic class CrowdExceptionResolver {       @ExceptionHandler(value = NullPointerException.class)  //ExceptionHandler 将一个具体的异常类型和一个方法关联起来    public ModelAndView resolveNullPointerException(NullPointerException exception, HttpServletRequest request, HttpServletResponse response, String viewName) throws IOException {           // 只是指定当前异常对应的页面即可        viewName = "error";        return commonResolveException(exception, request, response, viewName);    }    /**     * 核心异常处理方法     *     * @param exception SpringMVC 捕获到的异常对象     * @param request   为了判断当前请求是“普通请求”还是“Ajax 请求”     *                  需要传入原生request 对象     * @param response  为了能够将JSON 字符串作为当前请求的响应数     *                  据返回给浏览器     * @param viewName  指定要前往的视图名称     * @return ModelAndView     * @throws IOException     */    private ModelAndView commonResolveException(            Exception exception,            HttpServletRequest request,            HttpServletResponse response,            String viewName    ) throws IOException {           // 1.判断当前请求是“普通请求”还是“Ajax 请求”        boolean judgeResult = CrowdUtil.judgeRequestType(request);        // 2.如果是Ajax 请求        if (judgeResult) {               // 3.从当前异常对象中获取异常信息            String message = exception.getMessage();            // 4.创建ResultEntity            ResultEntity

⑥ 测试异常处理器类

先把xml中这个bean注了，不然会被这货截胡；或者用其他异常类型测试也行

在 index.jsp 中

测试异常

在 TestHandler 中

// 测试空指针异常@RequestMapping("/test/exception.html")public void testException() {       String a = null;    System.out.println(a.length());}

跳转的页面

环境搭建终于完事了~ 花了三四天，真是要搭 tu 了，中途一堆错误，心态接近崩溃，好在最终还是基本完成了环境的搭建

转载地址：http://kqao.baihongyu.com/

你可能感兴趣的文章

ARK女神持仓每日跟踪-2021年01月05日

查看>>

react：redux和react-redux

vue系列：vue中使用vee-validate3表单验证

向买家索要好评就是这么简单！一键发送催评消息

【后台】搭建环境

一、环境搭建总体目标

二、创建工程

(1) 项目架构图

(2) 项目创建计划

(3) 详细步骤

① 创建Empty Project

② 创建 各个module

③ 添加工程之间的依赖

三、创建数据库和数据库表

(1) 创建数据库

(2) 创建管理员数据库表

四、基于 Maven 的 MyBatis 逆向工程

(1) pom配置

(2) 创建 generatorConfig.xml

★ 遇到的问题：

(3) 执行逆向生成操作的Maven 命令

(4) 逆向工程生成的资源各归各位

五、父工程依赖管理

(1) 版本声明

(2) 依赖管理

六、Spring 整合MyBatis

(1) 思路

(2) 操作步骤详解

① 在子工程中加入搭建环境所需的具体依赖

② 数据库连接信息

③ mybatis-config.xml

④ 创建spring-persist-mybatis.xml

⑤ Spring 具体配置：第一步配置数据源

★ 遇到问题：

★ 遇到问题：java entity包找不到

⑥ Spring 具体配置：第二步配置SqlSessionFactoryBean

⑦ Spring 具体配置：第三步配置MapperScannerConfigurer

七、日志

八、声明式事务 (先不配了，一堆错误)

(1) 思路

(2) 操作

九、表述层工作机制

(1) 启动过程

(2) 访问过程

十、表述层环境搭建

(1) web.xml配置

① ContextLoaderListener

② CharacterEncodingFilter

★ 遇到问题：web-app报错，好像是没按规定顺序写，将前面的<doc…全删掉即可

③ HiddenHttpMethodFilter

④ DispatcherServlet 基本配置

(2) spring-web-mvc.xml 配置

① 导入命名空间

② 创建SpringMVC 扫描的包

③ 具体配置

④ 测试

⑤ 页面上的base 标签

十一、SpringMVC 环境下的Ajax 请求

(1) 建立意识

(2) Ajax 发送请求

(3) 需要注意的点

(4) @RequestBody 使用的场景

(5) 统一返回数据格式

十二、异常映射

(1) 作用

(2) 异常映射实现方式

① 基于XML

② 新建system-error.jsp 页面

系统信息页面

${requestScope.exception.message }

③ 判断请求类型的工具方法

④ 创建constant类

⑤ 创建异常处理器类

⑥ 测试异常处理器类

② 创建各个module