企业官网建设流程全解析

简介：一套基于SSM框架与Vue/JSP技术的山东红色旅游信息管理系统毕业设计项目，面向Java Web方向学生、开发者以及需要快速完成毕设选题的人群，可作为课程设计、毕业设计或SSM整合开发的实战案例。系统后端采用Spring、SpringMVC和MyBatis组成的SSM框架，前端使用Vue与JSP，开发环境为JDK1.8，部署于Tomcat7以上服务器，数据存储采用MySQL5.7以上数据库，技术栈成熟且贴近企业级项目。功能上涵盖用户注册登录、景点信息展示、旅游线路推荐、红色文化教育内容、在线预订、评价反馈以及后台管理等多个模块，能够完整支撑红色旅游资源的信息化管理和用户互动场景。资源包大小为19.21MB，共包含1319个文件，其中Java源码136个、JSP页面125个、JS脚本364个、CSS样式146个、PNG图片172个，另附SQL数据库脚本和DOC项目介绍文档，便于直接导入数据库并了解项目结构。目前已有3512人学习下载，项目经过严格调试，确保可以运行；代码采用控制层、业务层、持久层分层设计，目录清晰，适合学习前后端数据交互、MyBatis持久化开发以及SSM框架整合流程。通过该项目还可掌握从需求分析、数据库设计到系统编码、测试部署的完整开发流程，景点管理和预订评价等业务模块逻辑清楚，适合在现有基础上扩展功能，也能作为继续学习现代Web开发技术的实践起点。

1. 从“ssm9716”看基于Web的山东红色旅游信息管理系统：它到底解决了什么

“ssm9716”这种编号，常见于被反复下载的毕业设计源码包，也常被当作 web 期末作业的参考模板。它本质上是一个用 Spring + SpringMVC + MyBatis 写后端、JSP 写前端页面、MySQL 存数据的传统 Web 工程，业务场景是山东红色旅游景点与线路的信息化管理。这类项目的价值不在于技术有多新，而在于把一套 SSM 的请求流转完整串起来：浏览器里的 JSP 提交请求，SpringMVC 接收，Service 处理业务，MyBatis 读写数据库，最后再回填到 JSP 渲染。对于刚接触 Java Web 的人，这是一个比学生信息管理系统更有业务宽度的练手项目；对工作多年的人来说，也能从这套老组合里找到 JSP 编译、MyBatis 映射、Tomcat 部署这些依然常见的问题线索。下面按一条可复现的路径讲清楚。

2. SSM+JSP 的工程骨架：先分清 Spring、SpringMVC、MyBatis 的分工，再跑通最小 Web 工程

2.1 为什么这类毕设还守着 SSM，而不是 Spring Boot

SSM 是 Spring、SpringMVC、MyBatis 三个框架的组合缩写，在 2015 年到 2020 年间产生的课程设计、毕业设计和中小型外包项目里几乎是默认配置。它的优点是每个组件只做一件事：Spring 管理业务对象和事务，SpringMVC 把 HTTP 请求映射到 Controller 方法，MyBatis 把 SQL 写在 XML 里方便后期调整。相比 Spring Boot 的自动装配，这种显式 XML 写法虽然繁琐，但能让人看清楚 Bean 从哪里实例化、拦截器在哪个环节生效，这也是为什么尚硅谷等机构的 SSM 笔记到今天还有人在翻。

如果把这个标题直接换成 Spring Boot，改动会涉及自动配置、内嵌服务器和启动类，反而偏离了源码包原本的目录结构。所以拿到 ssm9716 这类工程，第一步不是急着升级框架，而是按它原来的 SSM 分层把它启动起来。这也是企业级 web 开发里常说的“接手老系统”练习：先不推翻，先跑通。

2.2 在 IDEA2024 中创建 Maven Web 项目的最小步骤

新建项目时选择 Maven，不勾选 Archetype，直接生成一个空项目再手动补成 war 包结构。我这里习惯使用 GroupId 为 com.shandong.redtour，ArtifactId 为 red-tour，版本设为 1.0。然后在 pom.xml 中加入下面这些必备依赖：

<dependencies> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>5.2.9.RELEASE</version> </dependency> <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis</artifactId> <version>3.5.5</version> </dependency> <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis-spring</artifactId> <version>2.0.5</version> </dependency> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>8.0.21</version> <scope>runtime</scope> </dependency> <dependency> <groupId>javax.servlet</groupId> <artifactId>jstl</artifactId> <version>1.2</version> </dependency> </dependencies>

这段配置里，spring-webmvc 同时引入 spring-context 和 spring-web，所以不需要再单独添加 spring-core。mybatis-spring 是衔接 MyBatis 与 Spring 的桥接包，没有它 Mapper 无法被注入 Controller。mysql-connector-java 用 8.x 是因为现在本地 MySQL 大多是 5.7 以上，驱动类名和时区参数与 5.x 不同。jstl 是 JSP 页面里 c:forEach 标签的来源，漏掉它会出现 JSP 语法错误。

接着把项目设置成 war 包格式。IDEA2024 里，可以在 Project Structure 的 Facets 中添加 Web，并把 Web Resource Directory 指向 src/main/webapp，Artifacts 里选择 Web Application: Exploded。如果不做这步，直接用默认 JAR 结构运行 Tomcat 时会找不到 JSP 页面。

2.3 用 web.xml 和 spring-mvc.xml 搭出请求路径

SSM 项目里 web.xml 是 SpringMVC 的入口，常见配置是让 DispatcherServlet 接管所有“/”请求，并加一个 UTF-8 过滤器统一处理中文。以下是精简后的 web.xml 核心片段：

<servlet> <servlet-name>dispatcher</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <init-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:spring-mvc.xml</param-value> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>dispatcher</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping> <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>/*</url-pattern> </filter-mapping>

DispatcherServlet 的 url-pattern 写“/”时不会拦截 .jsp 后缀的请求，容器仍然会把 JSP 交给 Tomcat 的 JspServlet 处理。如果误写成“/*”，所有 JSP 请求也会被 SpringMVC 拦走，页面会变成空白或 404。CharacterEncodingFilter 的 encoding 参数设置为 UTF-8，可以同时处理 GET 和 POST 请求体里的中文字符，在联调搜索“济南”这类关键词时必须依赖它。

spring-mvc.xml 只需要开启组件扫描，并告诉视图解析器去哪找 JSP：

<context:component-scan base-package="com.shandong.redtour.controller"/> <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <property name="prefix" value="/WEB-INF/views/"/> <property name="suffix" value=".jsp"/> </bean>

这里 prefix 和 suffix 决定了 Controller 返回字符串后，实际物理路径是 /WEB-INF/views/scenic/list.jsp。把 JSP 放到 WEB-INF 下可以禁止浏览器直接输入地址访问，强制经过 Controller，避免后期修改页面路径时产生外部旧链接。

2.4 把数据源和 MyBatis 接进 Spring 容器

数据源直接使用 Spring 自带的 DriverManagerDataSource 就足够本地练习。对于并发要求高的生产部署，可以替换成 Druid，但核心参数 url、username、password 不变。在 spring-mvc.xml 或者独立的 spring-mybatis.xml 里加入：

<bean id="dataSource" class="org.springframework.jdbc.datasource.DriverManagerDataSource"> <property name="driverClassName" value="com.mysql.cj.jdbc.Driver"/> <property name="url" value="jdbc:mysql://localhost:3306/red_tourism?useUnicode=true&amp;characterEncoding=utf8&amp;serverTimezone=Asia/Shanghai"/> <property name="username" value="root"/> <property name="password" value="root"/> </bean> <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean"> <property name="dataSource" ref="dataSource"/> <property name="typeAliasesPackage" value="com.shandong.redtour.entity"/> <property name="mapperLocations" value="classpath:mapper/*.xml"/> </bean> <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer"> <property name="basePackage" value="com.shandong.redtour.mapper"/> </bean>

driverClassName 如果写 com.mysql.jdbc.Driver，在 MySQL 8 下会直接报 ClassNotFoundException。url 里的 useUnicode 和 characterEncoding 保证中文正常写入；serverTimezone 是 MySQL 8 的新要求，不加会出现日期解析异常。SqlSessionFactoryBean 的 mapperLocations 配置为 classpath:mapper/*.xml，表示所有 SQL 映射文件集中在 resources/mapper 下。MapperScannerConfigurer 会把 com.shandong.redtour.mapper 包下的所有接口自动生成代理类注册进 Spring 容器，这样 Controller 里才能 @Autowired 这些 Mapper 接口。

到这里，一个 SSM 结合的 web 工程就跑得起来了。把这套配置对照自己的项目改包名和库名时，风险最多的地方通常是 XML 里漏写 .xml 后缀、路径大小写不对，或者类型别名和实体类没对上。

3. 山东红色旅游系统的数据表与 MyBatis 持久层：从景点到订单的关系模型

3.1 把红色旅游的业务拆成几张表

信息管理系统的本质是增删改查。山东红色旅游这个场景里，需要管理的对象包括：景点、线路、注册用户、用户产生的预订和评论。可以类比 jsp 学生信息管理系统的学生-班级关系，只不过这里的核心实体多一点：一条红色旅游线路往往包含多个景点，用户可能收藏多条线路，也可能针对某个景点发表评论。

如果按照常见源码包的命名习惯，表前缀用 t_，表名用小写。核心表包括：

• t_user：用户表，存登录账号和基础资料。
• t_scenic：红色景点表，存名称、地区、分类、门票、简介。
• t_route：旅游线路表，存线路名称、天数、价格、包含景点。
• t_order：订单表，记录用户对线路或景点的下单。
• t_comment：评论表，绑定用户和景点。

其中景点和线路之间是多对多关系，为了简化设计，可以在 t_route 里用一个 scenic_ids 字符串存放景点 ID 集合，例如“1,3,5”，查询时再拆穿着用。这种反规范化设计在毕业设计里很常见，省掉了关联表，代价是无法直接用 SQL 做多表聚合。

3.2 t_scenic 和 t_user 的建表语句

红色景点表 t_scenic 是核心，字段设计直接影响列表和搜索功能。

对应建表 SQL 如下：

CREATE TABLE t_user ( id INT PRIMARY KEY AUTO_INCREMENT, username VARCHAR(30) NOT NULL UNIQUE, password VARCHAR(64) NOT NULL, nickname VARCHAR(30), phone VARCHAR(20), role TINYINT DEFAULT 0 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4; CREATE TABLE t_scenic ( id INT PRIMARY KEY AUTO_INCREMENT, name VARCHAR(50) NOT NULL, location VARCHAR(100), category VARCHAR(20), ticket_price DECIMAL(10,2) DEFAULT 0.00, image VARCHAR(255), description TEXT, create_time DATETIME ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

t_user 的 role 字段用 0/1 表示普通用户和管理员，避免在前后端明文传输角色字符串。t_scenic 的 location 存“济南市/莱芜区”这种行政区划，搜索时用 LIKE 匹配即可。description 使用 TEXT 类型，适合存放 500 字以内的景点介绍。utf8mb4 比 utf8 多支持 emoji 和生僻字，红色景点的简介里可能包含引号和特殊符号，用 utf8mb4 更稳妥。

线路表和订单表的关键字段则是：

CREATE TABLE t_route ( id INT PRIMARY KEY AUTO_INCREMENT, route_name VARCHAR(100) NOT NULL, scenic_ids VARCHAR(255), days INT DEFAULT 1, price DECIMAL(10,2), description TEXT ); CREATE TABLE t_order ( id INT PRIMARY KEY AUTO_INCREMENT, order_no VARCHAR(40) NOT NULL, user_id INT NOT NULL, route_id INT, scenic_id INT, order_time DATETIME, status TINYINT DEFAULT 0 );

t_order 里同时保留 route_id 和 scenic_id，是为了支持“只订景点门票”和“订线路”两种模式，下单时根据业务只填其中一个。order_no 建议直接用时间戳加随机数生成，避免并发下重复。

3.2.1 为什么 selectByKeyword 要写两个 SQL

分页查询通常需要两个 SQL：一个查列表，一个查总数。如果只写列表 SQL，页面上的“共多少页”就没法算。MyBatis 不像 MyBatis-Plus 那样自带 count 方法，所以要在 Mapper 里手动维护 countByKeyword。注意两个 SQL 的 where 条件要保持一致，否则会出现列表数量与总页数对不上的问题。

3.3 ScenicMapper 接口与 XML 的动态 SQL

在 com.shandong.redtour.mapper 包下定义接口：

public interface ScenicMapper { List<Scenic> selectByKeyword(@Param("keyword") String keyword, @Param("offset") int offset, @Param("limit") int limit); int countByKeyword(@Param("keyword") String keyword); }

对应的 ScenicMapper.xml 放在 resources/mapper 下：

<mapper namespace="com.shandong.redtour.mapper.ScenicMapper"> <select id="selectByKeyword" resultType="Scenic"> SELECT id, name, location, category, ticket_price, description FROM t_scenic <where> <if test="keyword != null and keyword != ''"> AND (name LIKE CONCAT('%', #{keyword}, '%') OR location LIKE CONCAT('%', #{keyword}, '%') OR category LIKE CONCAT('%', #{keyword}, '%')) </if> </where> ORDER BY id DESC LIMIT #{offset}, #{limit} </select> <select id="countByKeyword" resultType="int"> SELECT COUNT(*) FROM t_scenic <where> <if test="keyword != null and keyword != ''"> AND (name LIKE CONCAT('%', #{keyword}, '%') OR location LIKE CONCAT('%', #{keyword}, '%') OR category LIKE CONCAT('%', #{keyword}, '%')) </if> </where> </select> </mapper>

resultType 写 Scenic，是因为 SqlSessionFactoryBean 配置了 typeAliasesPackage，MyBatis 会把这个字符串自动换成全限定类名。<where>标签会自动处理第一个条件之前的 AND，当前面没有条件时，它不会生成多余的 WHERE 子句。<if>的 test 里判断 keyword 是否为空，这比在 Java 代码里拼 SQL 更安全。

LIMIT 后面的 offset 和 limit 是 Mapper 接口直接传入的参数。注意 MyBatis 多个参数时不能只写 #{keyword}，必须用 @Param 给每个参数起名字，否则会报“Parameter 'keyword' not found”的绑定错误。这也是 web 入门阶段常碰到的 SQL 注入点：如果这里把 #{keyword} 换成 ${keyword}，用户就能通过 keyword 拼接出额外的 SQL 片段，整个景点查询就变成了注入入口。所以在所有跟用户输入相关的 Mapper 方法里，都要坚持 #{} 预编译写法。

4. Controller 与 JSP 联调：用 JSTL/EL 把景点列表、搜索和分页渲染到页面

4.1 控制器如何组织分页数据

业务层先通过 ScenicMapper 调 countByKeyword 拿到总条数，再计算总页数，selectByKeyword 查当前页数据。为了让 JSP 不出现大段 Java 脚本，封装一个简单的 PageResult：

public class PageResult<T> { private List<T> list; private int pageNum; private int pageSize; private long total; }

控制器里接收页面参数并调用 service：

@Controller @RequestMapping("/scenic") public class ScenicController { @Autowired private ScenicService scenicService; @RequestMapping("/list") public ModelAndView list(String keyword, @RequestParam(defaultValue = "1") int page, @RequestParam(defaultValue = "10") int size) { PageResult<Scenic> result = scenicService.page(keyword, page, size); ModelAndView mv = new ModelAndView("scenic/list"); mv.addObject("pageResult", result); mv.addObject("keyword", keyword == null ? "" : keyword); return mv; } }

@RequestParam(defaultValue = "1")让第一次访问时不需要带上 page 参数。keyword 为 null 时会触发第 3 章那个 if 空判断，所以不需要提前特判。模型里同时加入 pageResult 和 keyword，是为了让 JSP 在翻页时还能把上次搜索的关键词继续传给后台。

4.2 JSP 里用 JSTL/EL 做列表渲染

在 /WEB-INF/views/scenic/list.jsp 中，先引入 JSTL 标签库：

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

然后循环渲染景点卡片：

<c:forEach items="${pageResult.list}" var="scenic"> <div class="scenic-card"> <h3>${scenic.name}</h3> <p>${scenic.location} | ${scenic.category} | ￥${scenic.ticketPrice}</p> <p>${scenic.description}</p> </div> </c:forEach>

EL 表达式${scenic.ticketPrice}会调用 JavaBean 的 getTicketPrice() 方法，所以实体类必须写成标准的 getter/setter。JSP 页面里不再直接写<%= %>取脚本变量，这是从学生信息管理系统往企业级 web 开发转的关键习惯。如果实体类字段是 Integer，数据库允许 NULL 时需要在 JSP 里判断空，否则页面上会出现空白或者“null”。

4.3 搜索表单和分页链接的传递

在列表页顶部加一个搜索表单：

<form action="${pageContext.request.contextPath}/scenic/list" method="get"> <input type="text" name="keyword" value="${keyword}"/> <button type="submit">搜索</button> </form>

分页区按下翻页写法：

<c:if test="${pageResult.pageNum > 1}"> <a href="${pageContext.request.contextPath}/scenic/list?page=${pageResult.pageNum - 1}&keyword=${keyword}">上一页</a> </c:if> <c:if test="${pageResult.pageNum < pageResult.totalPages}"> <a href="${pageContext.request.contextPath}/scenic/list?page=${pageResult.pageNum + 1}&keyword=${keyword}">下一页</a> </c:if>

keyword 用 EL 直接写在 URL 里，如果包含中文，Tomcat 默认可能按 ISO-8859-1 解码，导致搜索“济南”变成乱码。最简单的解决办法是在 web.xml 里配置 CharacterEncodingFilter 后，再给 Tomcat 的 server.xml 的 Connector 增加URIEncoding="UTF-8"，或者把表单 method 改为 post。中文参数要过两关，这是 JSP 项目里最高频的坑。

4.4 静态资源路径和 JSP 编译路径的排查点

如果 CSS/JS 引用的是/css/bootstrap.min.css，在 spring-mvc.xml 里要配置静态资源放行，否则会被 DispatcherServlet 当成 controller 处理，返回 404。通常加一行<mvc:resources mapping="/static/**" location="/static/"/>，页面引用改为/static/css/...。

JSP 页面本身报错时，除了看 IDEA 控制台，还要知道 jsp 编译后的 class 文件保存在哪里。Tomcat 运行时会把它缓存在当前 Tomcat 目录的 work/Catalina/localhost/工程名/org/apache/jsp 下面，每个 JSP 对应一个 .java 和一个 .class。打开那个 .java，能看到 JSP 转成的 servlet 代码，很多“变量找不到”“方法不存在”的编译错误，在生成代码里比在 JSP 编辑器里更容易定位。这也是查 web 项目配置 Tomcat 后查看 jsp 编译后的 java 类时最常用的位置。

5. 用 Tomcat 部署和验证：常见异常与一个可复用的 CSV 导出技巧

5.1 打包 war 并部署到 Tomcat

在 IDEA 右侧 Maven 面板执行 package，成功后 target 目录下会出现 red-tour-1.0.war。把 war 复制到 Tomcat 的 webapps 目录，启动 Tomcat 后会自动解压。浏览器访问http://localhost:8080/red-tour-1.0/scenic/list，此时路径里的 red-tour-1.0 就是 war 包的上下文路径。如果想去掉版本号，可以把 war 改名为 ROOT.war，访问根路径即可。

5.2 常见异常排查速查表

5.3 给系统加一个 CSV 导出功能

很多红色旅游管理系统都需要把景点列表导出来做线下统计。CSV 是最快实现且 Excel 能直接打开的方案，不需要引入 POI 依赖。在 ScenicController 里加一个 export 方法：

@RequestMapping("/export") public void exportScenic(HttpServletResponse response) throws IOException { List<Scenic> list = scenicService.listAll(); response.setContentType("text/csv;charset=UTF-8"); response.setHeader("Content-Disposition", "attachment;filename=scenic.csv"); PrintWriter writer = response.getWriter(); writer.write("\uFEFF景点名称,所在地区,门票价格\n"); for (Scenic s : list) { writer.write(s.getName() + "," + s.getLocation() + "," + s.getTicketPrice() + "\n"); } writer.flush(); }

这里 response.setContentType 告诉浏览器是 CSV 文件，Content-Disposition 触发下载而不是在页面里直接打开。写到写 CSV 内容前先输出一个 BOM（\uFEFF），是为了防止 Excel 打开 CSV 时把中文识别成乱码。注意景点名称里如果有英文逗号，需要先替换或加引号，否则列会被提前截断。

本文还有配套的精品资源，点击获取