企业官网建设流程全解析

创建maven SSM项目
包名、目录

POM文件

<?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <groupId>com.qiuhen.m.ssm</groupId> <artifactId>make</artifactId> <version>1.0-SNAPSHOT</version> <packaging>war</packaging> <name>make Maven Webapp</name> <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> <maven.compiler.source>1.8</maven.compiler.source> <maven.compiler.target>1.8</maven.compiler.target> <spring.version>4.3.13.RELEASE</spring.version> </properties> <dependencies> <!--Spring--> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-core</artifactId> <version>4.3.5.RELEASE</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-aop</artifactId> <version>4.3.5.RELEASE</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-orm</artifactId> <version>4.3.5.RELEASE</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-web</artifactId> <version>4.3.5.RELEASE</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>4.3.5.RELEASE</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-tx</artifactId> <version>4.3.5.RELEASE</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-test</artifactId> <version>4.3.5.RELEASE</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-jdbc</artifactId> <version>4.3.5.RELEASE</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-mock</artifactId> <version>2.0.8</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-context</artifactId> <version>4.3.5.RELEASE</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-expression</artifactId> <version>4.3.5.RELEASE</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-context-support</artifactId> <version>4.3.5.RELEASE</version> </dependency> <!-- mybatis-spring --> <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis-spring</artifactId> <version>1.3.1</version> </dependency> <!-- mybatis 出现分页使用异常,极有可能是版本问题--> <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis</artifactId> <version>3.2.8</version> </dependency> <!-- mybatis pagehelper --> <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper</artifactId> <version>3.7.3</version> </dependency> <dependency> <groupId>com.github.jsqlparser</groupId> <artifactId>jsqlparser</artifactId> <version>0.9.1</version> </dependency> <!--servlet、基本包--> <dependency> <groupId>javax.servlet</groupId> <artifactId>servlet-api</artifactId> <version>3.0-alpha-1</version> </dependency> <dependency> <groupId>javax.servlet</groupId> <artifactId>jstl</artifactId> <version>1.2</version> </dependency> <dependency> <groupId>taglibs</groupId> <artifactId>standard</artifactId> <version>1.1.2</version> </dependency> <dependency> <groupId>org.aspectj</groupId> <artifactId>aspectjrt</artifactId> <version>1.8.10</version> </dependency> <dependency> <groupId>org.aspectj</groupId> <artifactId>aspectjweaver</artifactId> <version>1.8.10</version> </dependency> <dependency> <groupId>commons-lang</groupId> <artifactId>commons-lang</artifactId> <version>2.6</version> </dependency> <dependency> <groupId>dom4j</groupId> <artifactId>dom4j</artifactId> <version>1.6.1</version> </dependency> <!--mysql驱动包--> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>5.1.40</version> </dependency> <!--dbcp连接池--> <dependency> <groupId>commons-dbcp</groupId> <artifactId>commons-dbcp</artifactId> <version>1.4</version> </dependency> <!--json、基本包--> <dependency> <groupId>com.alibaba</groupId> <artifactId>fastjson</artifactId> <version>1.2.23</version> </dependency> <dependency> <groupId>xml-apis</groupId> <artifactId>xml-apis</artifactId> <version>2.0.2</version> </dependency> <dependency> <groupId>commons-net</groupId> <artifactId>commons-net</artifactId> <version>3.5</version> </dependency> <!-- 日志文件管理包 --> <dependency> <groupId>org.slf4j</groupId> <artifactId>slf4j-api</artifactId> <version>1.7.22</version> </dependency> <dependency> <groupId>org.slf4j</groupId> <artifactId>slf4j-log4j12</artifactId> <version>1.7.22</version> </dependency> <dependency> <groupId>log4j</groupId> <artifactId>log4j</artifactId> <version>1.2.17</version> </dependency> <!-- junit4 --> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.12</version> <scope>test</scope> </dependency> <!-- https://mvnrepository.com/artifact/commons-fileupload/commons-fileupload --> <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.4</version> </dependency> </dependencies> <build> <finalName>make</finalName> <pluginManagement><!-- lock down plugins versions to avoid using Maven defaults (may be moved to parent pom) --> <plugins> <plugin> <artifactId>maven-clean-plugin</artifactId> <version>3.1.0</version> </plugin> <!-- see http://maven.apache.org/ref/current/maven-core/default-bindings.html#Plugin_bindings_for_war_packaging --> <plugin> <artifactId>maven-resources-plugin</artifactId> <version>3.0.2</version> </plugin> <plugin> <artifactId>maven-compiler-plugin</artifactId> <version>3.8.0</version> </plugin> <plugin> <artifactId>maven-surefire-plugin</artifactId> <version>2.22.1</version> </plugin> <plugin> <artifactId>maven-war-plugin</artifactId> <version>3.2.2</version> </plugin> <plugin> <artifactId>maven-install-plugin</artifactId> <version>2.5.2</version> </plugin> <plugin> <artifactId>maven-deploy-plugin</artifactId> <version>2.8.2</version> </plugin> </plugins> </pluginManagement> </build> </project>

引入spring、mybatis、mysql等相关jar包

Web.xml的相关配置

<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0"> <display-name>SpringMVC</display-name> <welcome-file-list> <welcome-file>/WEB-INF/index.jsp</welcome-file> </welcome-file-list> <!-- 加载log4j --> <context-param> <param-name>log4jConfigLocation</param-name> <param-value>classpath:config/log4j.properties</param-value> </context-param> <listener> <listener-class>org.springframework.web.util.Log4jConfigListener</listener-class> </listener> <!-- 配置请求转发、拦截器 --> <servlet> <servlet-name>springmvc</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <!-- 初始化springmvc的配置文件 --> <init-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:spring/springmvc.xml</param-value> </init-param> </servlet> <servlet-mapping> <servlet-name>springmvc</servlet-name> <!-- 配置拦截规则 --> <url-pattern>*.action</url-pattern> <!--后缀名自起，常用.do\.action--> </servlet-mapping> <!-- 配置spring监听器，项目启动加载spring的配置 --> <context-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:spring/applicationContext.xml</param-value> </context-param> <listener> <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class> </listener> <filter> <filter-name>encoding</filter-name> <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class> <init-param> <param-name>encoding</param-name> <param-value>UTF-8</param-value> </init-param> </filter> <filter-mapping> <filter-name>encoding</filter-name> <url-pattern>*.action</url-pattern> </filter-mapping> </web-app>

applicationContext配置文件
springs的核心配置

<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context" xmlns:aop="http://www.springframework.org/schema/aop" xmlns:tx="http://www.springframework.org/schema/tx" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx.xsd"> <!-- 加载数据库配置文件的信息 --> <context:property-placeholder location="classpath:config/db.properties"/> <!-- 配置DBCP连接池 --> <bean id="dataSource" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close"> <property name="driverClassName" value="${jdbc.driver}" /> <property name="url" value="${jdbc.url}" /> <property name="username" value="${jdbc.username}" /> <property name="password" value="${jdbc.password}" /> <property name="maxActive" value="10" /> <property name="maxIdle" value="5" /> </bean> <!-- Mybatis工厂配置，配置SqlSessionFactory --> <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean"> <!-- 加载mybatis的核心配置文件 --> <property name="configLocation" value="classpath:spring/mybatis.xml"></property> <!-- 配置数据源 --> <property name="dataSource" ref="dataSource"></property> </bean> <!-- Mapper动态代理开发，扫描包的形式 --> <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer"> <!-- 指定扫描的包 --> <property name="basePackage" value="cn.qiuhen.dao"></property> </bean> </beans>

Spring MVC的核心配置
springmvc.xml

<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context" xmlns:aop="http://www.springframework.org/schema/aop" xmlns:tx="http://www.springframework.org/schema/tx" xmlns:mvc="http://www.springframework.org/schema/mvc" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd"> <!-- 配置Controller扫描包（相当于Struts2中的Action）,将哪些类交给spring管理 --> <context:component-scan base-package="cn.qiuhen.controller"></context:component-scan> <!-- 启动注解驱动，自动装配controller、service、dao --> <mvc:annotation-driven></mvc:annotation-driven> <!-- 扫描controller,service（controller,service层注入） --> <context:component-scan base-package="cn.qiuhen.controller"/> <context:component-scan base-package="cn.qiuhen.service"/> <!-- 配置视图处理器 --> <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <!-- 配置逻辑试图的前缀 --> <property name="prefix" value="/WEB-INF/jsp/"></property> <!-- 配置逻辑试图的后缀 --> <property name="suffix" value=".jsp"></property> </bean> <!-- 启用注解驱动，自动装配controller、service、dao --> <mvc:annotation-driven conversion-service="customConverter"/> <!-- 自定义参数类型转换 --> <bean id="customConverter" class="org.springframework.format.support.FormattingConversionServiceFactoryBean"> <!-- 定义转换器，可以有很多转换器 --> <property name="converters"> <list> <!-- 可以加载很多自定义的类型转换器 --> <bean class="cn.qiuhen.conversion.String2DateConverter"></bean> </list> </property> </bean> <!--文件上传--> <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <!-- 设定文件上传的最大值为5MB，5*1024*1024 --> <property name="maxUploadSize" value="5242880"></property> <!-- 设定文件上传时写入内存的最大值，如果小于这个参数不会生成临时文件，默认为10240 --> <property name="maxInMemorySize" value="40960"></property> <!-- 上传文件的临时路径 --> <property name="uploadTempDir" value="fileUpload/temp"></property> <!-- 延迟文件解析 --> <property name="resolveLazily" value="true"/> </bean> </beans>

Mybatis配置
Mybatis.xml

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN" "http://mybatis.org/dtd/mybatis-3-config.dtd"> <configuration> <!-- 类型别名 （typeAliases），必须配置文件的开始部分 --> <typeAliases> <!-- 可以指定一个包名，mybatis会在包名下面搜索需要的javaBean， --> <package name="cn.qiuhen.domain"/> </typeAliases> <!-- 加载映射文件 --> <mappers> <!-- <package name="cn.qiuhen.dao"/>--> <mapper resource="mybatis/BookMapper.xml"></mapper> </mappers> </configuration>

数据库db.properties配置

#MySQL jdbc.driver=com.mysql.jdbc.Driver jdbc.url=jdbc:mysql://localhost:3306/nutzwk?useUnicode=true&characterEncoding=UTF-8 jdbc.username=root jdbc.password=root #SQLServer #driver=com.microsoft.sqlserver.jdbc.SQLServerDriver #url=jdbc\:sqlserver\://localhost\:1433;DatabaseName\=test #username=autek #password=flyvideo

Log4j配置（注意：必须要配置，不然无法打印日志信息和错误信息）
Log4j.properties(只是简单配置，根据自己需求修改)

# Global logging configuration log4j.rootLogger=DEBUG, stdout # Console output... log4j.appender.stdout=org.apache.log4j.ConsoleAppender log4j.appender.stdout.layout=org.apache.log4j.PatternLayout log4j.appender.stdout.layout.ConversionPattern=%5p [%t] - %m%n

Pojo(示例)

Controller(示例)

Service层（示例，为求简洁没创建接口，只是一个类）

dao层（示例）

dao配置文件

Jsp页面（仅供参考）

<%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <!--输出,条件,迭代标签库--> <%--<%@ page isELIgnored="false"%> <!--支持EL表达式，不设的话，EL表达式不会解析--> --%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> <html> <head> <title>第一页</title> <link rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="${pageContext.request.contextPath}/static/datepicker/bootstrap-datetimepicker.min.css"> </head> <script src="${pageContext.request.contextPath}/static/js/jquery-3.3.1.min.js"></script> <script src="${pageContext.request.contextPath}/static/bootstrap/js/bootstrap.js"></script> <script src="${pageContext.request.contextPath}/static/datepicker/bootstrap-datetimepicker.min.js"></script> <script src="${pageContext.request.contextPath}/static/js/bootstrap-datetimepicker.zh-CN.js"></script> <script src="${pageContext.request.contextPath}/static/kindeditor/kindeditor-all.js"></script> <script src="${pageContext.request.contextPath}/static/kindeditor/lang/zh_CN.js"></script> <script src="${pageContext.request.contextPath}/static/kindeditor/plugins/code/prettify.js" ></script> <script> KindEditor.ready(function (K) { var editor1 = K.create('textarea[name="article.content1"]', { cssPath: '${pageContext.request.contextPath}/static/kindeditor/plugins/code/prettify.css', uploadJson: '${pageContext.request.contextPath}/static/kindeditor/jsp/upload_json.jsp', fileManagerJson: '${pageContext.request.contextPath}/static/kindeditor/jsp/file_manager_json.jsp', allowFileManager: true, afterCreate: function () { var self = this; K.ctrl(document, 13, function () { self.sync(); document.forms['example'].submit(); }); K.ctrl(self.edit.doc, 13, function () { self.sync(); document.forms['example'].submit(); }); } }); prettyPrint(); }); </script> <body> <%--页面跳转与请求--%> <div style="width:300px;height:150px;border: 1px solid black;"> <%--点击按照发送ajax请求--%> <button id="btn">按钮</button> <%--点击跳转页面--%> <a class="btn btn-primary" href="<%=basePath%>home/index.action">dsa</a> </div> <div style="width:800px;height:150px;border: 1px solid black;"> <p>日期插件：</p> <div class="form-group"> <label for="at" class="col-sm-2 control-label">发布时间</label> <div class="col-sm-8 input-group date form_datetime " style="padding-left: 16px;padding-right: 16px;" >