简介这是一套基于SSM框架与Vue前端的完整电影网站系统源码面向Java Web初学者与课程设计学生解决毕业设计、实训项目中缺乏可运行全栈案例的问题。资源包含880个文件涵盖144个Java后端逻辑类、53个Vue组件、167个JS交互脚本、55个CSS样式文件及79个GIF动效素材配合SQL建表语句与多份批处理脚本如install.bat、run.bat支持一键部署压缩包仅18.85MB轻量易导入。已有2595人学习下载内容结构清晰含绪论、技术选型分析MySQL 5.7、JDK1.8、ElementUI、系统功能模块说明及完整前后端代码预览可见IndexMain.vue.bak等核心页面备份文件与.classpath等IDE配置项便于理解工程组织方式与开发规范。1. 基于Web的电影网站设计与实现为什么用Java做电影网站至今仍是中小团队最稳的落地选择你可能已经刷到过几十个“AI生成的电影网站”宣传页——界面炫酷、响应飞快、号称“三分钟上线”。但真把它部署到自己服务器上跑一周十有八九会卡在登录态失效、海报批量加载失败、搜索结果错乱这三件事上。这不是玄学是Web层状态管理、IO并发控制和数据一致性没压住。而一个用Java写的、基于ServletJSP或Spring Boot的电影网站源码恰恰卡在“够用、可控、可查、可修”这个黄金平衡点上它不追求前端视觉爆炸但能稳稳撑住500并发下的影片检索、用户收藏、评论提交它不依赖黑匣子框架每个HTTP请求进来的Filter链、Service事务边界、DAO层SQL执行路径全在眼皮底下更重要的是它天然适配国内主流中间件Tomcat/MySQL/Redis部署文档清晰运维日志规整出了问题能顺着stack trace一层层翻到具体哪行代码漏了try-catch。这不是怀旧是实打实的工程性价比——尤其当你手头只有1台4核8G云服务器、2个刚毕业的后端同学、3个月交付周期时。本文就带你从零复现一个真实可用的Java电影网站不讲空泛架构图只拆可运行的模块、必调的参数、踩过的坑、以及为什么某些“看起来更现代”的方案反而让你加班到凌晨三点。2. 用Spring Boot快速搭建电影网站骨架从pom.xml到首页渲染的最小闭环2.1 选型依据为什么不是Node.js或Python Flask很多新手看到“Web项目”第一反应是Node.js——快、轻、生态新。但电影网站的核心压力点不在“首屏渲染速度”而在“多用户并发写操作下的数据一致性”。比如同一部《阿凡达》被10个用户同时点击“收藏”系统必须保证最终收藏数只1且所有用户看到的收藏数实时一致。Java的Transactional MySQL行锁 Spring AOP事务传播机制对这类场景是开箱即用的而Node.js的异步I/O模型在高并发写入时若未精细控制Promise链和数据库连接池极易出现幻读或重复插入。再看Python FlaskORM如SQLAlchemy虽强但默认线程模型在Linux下需配合uWSGI多进程配置稍有偏差就会触发session丢失或静态资源404——这些隐性成本在Java的Tomcat内嵌容器Spring Boot AutoConfigure里已被收敛得极干净。所以本项目选用Spring Boot 2.7.18LTS版兼容JDK 8/11核心依赖仅保留spring-boot-starter-web、spring-boot-starter-data-jpa、spring-boot-starter-thymeleaf三件套拒绝“为炫技而堆栈”。2.2 创建可运行的最小工程5行命令搞定初始化提示全程使用Maven构建避免Gradle带来的本地仓库镜像冲突问题。国内环境务必配置阿里云Maven镜像。# 1. 使用Spring Initializr CLI快速生成基础结构替代网页表单填写 curl https://start.spring.io/starter.zip \ -d dependenciesweb,jpa,thymeleaf,h2 \ -d javaVersion11 \ -d packagingjar \ -d namemovie-web \ -o movie-web.zip # 2. 解压并进入目录 unzip movie-web.zip cd movie-web # 3. 修改pom.xml替换H2为MySQL驱动生产必需 # 在dependencies中删除h2添加 # dependency # groupIdmysql/groupId # artifactIdmysql-connector-java/artifactId # scoperuntime/scope # /dependency # 4. 配置application.yml关键 # src/main/resources/application.yml spring: datasource: url: jdbc:mysql://localhost:3306/movie_db?useUnicodetruecharacterEncodingutf8serverTimezoneAsia/Shanghai username: root password: your_password driver-class-name: com.mysql.cj.jdbc.Driver jpa: hibernate: ddl-auto: update # 开发期用update上线必须改为validate show-sql: true properties: hibernate: format_sql: true thymeleaf: cache: false # 开发期关闭模板缓存改HTML立即生效2.3 写出第一个可访问的电影首页ControllerThymeleaf联动不要一上来就建Entity——先让URL能返回内容。创建MovieController.java// src/main/java/com/example/movieweb/controller/MovieController.java package com.example.movieweb.controller; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.GetMapping; import java.util.Arrays; import java.util.List; Controller public class MovieController { // 模拟首页热门影片数据后续将替换为DB查询 GetMapping(/) public String home(Model model) { ListString movies Arrays.asList(《肖申克的救赎》, 《阿凡达》, 《盗梦空间》, 《泰坦尼克号》); model.addAttribute(hotMovies, movies); return index; // 对应src/main/resources/templates/index.html } }创建src/main/resources/templates/index.html!DOCTYPE html html xmlns:thhttp://www.thymeleaf.org head meta charsetUTF-8 title电影网站首页/title /head body h1欢迎来到电影世界/h1 ul li th:eachmovie : ${hotMovies} th:text${movie}电影名/li /ul /body /html启动应用mvn spring-boot:run访问http://localhost:8080——看到四部电影列表说明Web层通路已打通。这个看似简单的页面实际验证了Spring MVC DispatcherServlet路由正确、Thymeleaf模板引擎加载无误、Model数据成功传递、HTML渲染未报错。这是整个项目最脆弱也最关键的起点如果连静态数据都传不过去后面所有业务逻辑都是空中楼阁。3. 构建电影核心领域模型从Movie实体到分页检索的完整链路3.1 设计符合业务的Movie实体字段取舍比注解堆砌更重要电影网站不是CRUD练习册。用户真正关心的字段只有6个片名、导演、主演、类型、上映年份、海报URL。其他如“片长”“语言”“国家”在初期可省略避免过度设计。重点在于关系建模一部电影对应多个类型如《阿凡达》属于“科幻”“动作”类型本身是独立字典表。因此采用ManyToMany而非冗余字符串存储// src/main/java/com/example/movieweb/entity/Movie.java Entity Table(name movie) public class Movie { Id GeneratedValue(strategy GenerationType.IDENTITY) private Long id; Column(nullable false, length 100) private String title; // 片名 Column(length 50) private String director; // 导演 Column(length 200) private String actors; // 主演逗号分隔简化设计 Column(name release_year) private Integer releaseYear; // 上映年份 Column(length 255) private String posterUrl; // 海报URL存相对路径如 /images/avatar.jpg ManyToMany(fetch FetchType.LAZY) JoinTable( name movie_genre, joinColumns JoinColumn(name movie_id), inverseJoinColumns JoinColumn(name genre_id) ) private SetGenre genres new HashSet(); // 构造函数、getter/setter省略 }// src/main/java/com/example/movieweb/entity/Genre.java Entity Table(name genre) public class Genre { Id GeneratedValue(strategy GenerationType.IDENTITY) private Long id; Column(unique true, nullable false, length 20) private String name; // 如科幻、爱情 // 构造函数、getter/setter省略 }注意ManyToMany默认生成中间表movie_genre字段名必须与JoinTable中定义严格一致。若数据库已存在该表但字段名不符如movieid而非movie_idJPA启动时会抛出org.hibernate.MappingException此时必须显式指定joinColumns和inverseJoinColumns不能依赖默认命名。3.2 实现带条件筛选的分页检索Repository接口的精准写法用户不会一页页翻完1000部电影。首页需要“按类型筛选按年份排序分页显示”。Spring Data JPA提供两种方式方法名查询简单和Query灵活。此处混合使用// src/main/java/com/example/movieweb/repository/MovieRepository.java public interface MovieRepository extends JpaRepositoryMovie, Long { // 方法名查询findByGenres_NameIn Sort Pageable PageMovie findByGenres_NameIn(ListString genreNames, Pageable pageable); // 自定义JPQL支持模糊搜索片名按年份降序 Query(SELECT m FROM Movie m WHERE m.title LIKE %:keyword% ORDER BY m.releaseYear DESC) PageMovie searchByTitle(Param(keyword) String keyword, Pageable pageable); // 组合查询类型关键词年份范围必须用Query方法名无法表达AND OR混合 Query(SELECT m FROM Movie m JOIN m.genres g WHERE (:genre IS NULL OR g.name :genre) AND (m.title LIKE %:keyword% OR :keyword ) AND (:yearFrom IS NULL OR m.releaseYear :yearFrom) AND (:yearTo IS NULL OR m.releaseYear :yearTo) ORDER BY m.releaseYear DESC) PageMovie advancedSearch( Param(genre) String genre, Param(keyword) String keyword, Param(yearFrom) Integer yearFrom, Param(yearTo) Integer yearTo, Pageable pageable ); }Controller中调用示例首页热门搜索入口GetMapping(/movies) public String listMovies( RequestParam(defaultValue 1) int page, RequestParam(defaultValue ) String genre, RequestParam(defaultValue ) String keyword, Model model) { Pageable pageable PageRequest.of(page - 1, 12, Sort.by(releaseYear).descending()); PageMovie moviePage; if (!genre.isEmpty() keyword.isEmpty()) { moviePage movieRepository.findByGenres_NameIn(Arrays.asList(genre), pageable); } else if (!keyword.isEmpty()) { moviePage movieRepository.searchByTitle(keyword, pageable); } else { moviePage movieRepository.findAll(pageable); // 默认全部 } model.addAttribute(movies, moviePage.getContent()); model.addAttribute(currentPage, page); model.addAttribute(totalPages, moviePage.getTotalPages()); model.addAttribute(genre, genre); model.addAttribute(keyword, keyword); return movie/list; }关键参数说明PageRequest.of(page-1, 12)中page-1是因为前端页码从1开始而JPA的Pageable索引从0开始12是每页条数需与前端CSS栅格列数对齐如Bootstrap 12列布局Sort.by(releaseYear).descending()确保新片靠前这是电影网站的硬性体验要求。4. 用户交互闭环登录、收藏、评论的事务一致性保障4.1 基于Session的传统登录为什么不用JWT当前项目定位是“内部可维护的中小系统”JWT虽火但带来三个现实问题1Token刷新逻辑复杂前端需额外处理401重登2用户踢出如管理员封禁需维护Redis黑名单增加运维负担3Token过期时间与业务需求错配电影网站用户活跃度低7天过期太短30天又太长。而HttpSession天然支持session.invalidate()强制登出且Tomcat集群下可通过Redis Session复制解决扩展性问题。因此采用Spring Security Session方案// src/main/java/com/example/movieweb/config/SecurityConfig.java Configuration EnableWebSecurity public class SecurityConfig { Bean public SecurityFilterChain filterChain(HttpSecurity http) throws Exception { http .authorizeHttpRequests(authz - authz .requestMatchers(/, /movies, /login, /css/**, /js/**, /images/**).permitAll() .requestMatchers(/admin/**).hasRole(ADMIN) .anyRequest().authenticated() ) .formLogin(form - form .loginPage(/login) .defaultSuccessUrl(/movies, true) // 登录成功跳转首页 .failureUrl(/login?errortrue) // 失败返回登录页带错误参数 ) .logout(logout - logout .logoutSuccessUrl(/login?logouttrue) ); return http.build(); } }User实体只需基础字段密码BCrypt加密Entity Table(name user) public class User { Id GeneratedValue(strategy GenerationType.IDENTITY) private Long id; Column(unique true, nullable false) private String username; Column(nullable false) private String password; // 存BCrypt加密后的密文 Column(name role, nullable false) private String role; // USER or ADMIN // getter/setter... }4.2 收藏功能的事务边界Transactional不是万能膏药用户点击“收藏”按钮需同时完成1检查是否已收藏2插入收藏记录3更新电影收藏数。若用三层分别调用极易出现“插入成功但计数未更新”的脏数据。必须将整个操作包裹在单一事务中Service Transactional public class FavoriteService { Autowired private FavoriteRepository favoriteRepository; Autowired private MovieRepository movieRepository; public boolean toggleFavorite(Long userId, Long movieId) { // 1. 先查是否已存在 OptionalFavorite existing favoriteRepository.findByUserIdAndMovieId(userId, movieId); if (existing.isPresent()) { // 已收藏执行取消 favoriteRepository.delete(existing.get()); // 2. 更新电影收藏数注意此处必须用UPDATE语句避免先SELECT再UPDATE的竞态 movieRepository.decrementFavoriteCount(movieId); return false; } else { // 未收藏执行添加 Favorite favorite new Favorite(); favorite.setUserId(userId); favorite.setMovieId(movieId); favoriteRepository.save(favorite); movieRepository.incrementFavoriteCount(movieId); return true; } } }对应的MovieRepository自定义SQL避免N1查询Repository public interface MovieRepository extends JpaRepositoryMovie, Long { // 自定义UPDATE语句原子性增减收藏数 Modifying Query(UPDATE Movie m SET m.favoriteCount m.favoriteCount 1 WHERE m.id :movieId) int incrementFavoriteCount(Param(movieId) Long movieId); Modifying Query(UPDATE Movie m SET m.favoriteCount m.favoriteCount - 1 WHERE m.id :movieId) int decrementFavoriteCount(Param(movieId) Long movieId); }注意Modifying注解必须存在否则JPA会忽略UPDATE/DELETE语句Query中的m.favoriteCount必须与Movie实体中字段名完全一致区分大小写执行后需调用entityManager.flush()确保立即生效但Modifying已隐含此行为。4.3 评论提交的防刷与审核用Hibernate Validator做第一道防线电影网站评论区是攻击重灾区。除前端JS校验外后端必须做服务端校验// src/main/java/com/example/movieweb/entity/Comment.java Entity Table(name comment) public class Comment { Id GeneratedValue(strategy GenerationType.IDENTITY) private Long id; Column(nullable false, length 500) NotBlank(message 评论内容不能为空) Size(max 500, message 评论长度不能超过500字) private String content; Column(name user_id, nullable false) private Long userId; Column(name movie_id, nullable false) private Long movieId; Column(name created_at, updatable false) CreationTimestamp private LocalDateTime createdAt; Column(name is_approved, columnDefinition TINYINT(1) DEFAULT 0) private Boolean isApproved false; // 默认不显示需后台审核 // getter/setter... }Controller中启用校验PostMapping(/movies/{movieId}/comments) public String addComment( PathVariable Long movieId, Valid ModelAttribute Comment comment, // Valid触发校验 BindingResult result, Model model) { if (result.hasErrors()) { model.addAttribute(errors, result.getAllErrors()); return movie/detail; // 返回详情页并显示错误 } comment.setUserId(getCurrentUserId()); // 从SecurityContext获取 comment.setMovieId(movieId); commentService.save(comment); // 保存后isApprovedfalse不直接显示 return redirect:/movies/ movieId; }提示NotBlank校验空格字符串 会被判为空比NotNull更严格Size(max500)限制字符数而非字节数中文英文统一计为1CreationTimestamp由Hibernate自动填充创建时间无需手动set。5. 避坑指南电影网站Java项目中90%开发者踩过的5个深坑5.1 现象首页海报图片全部显示为“找不到文件”404原因Thymeleaf中img th:src{/images/xxx.jpg}生成的URL是/images/xxx.jpg但实际静态资源放在src/main/resources/static/images/下而Spring Boot默认只将/static、/public、/resources、/META-INF/resources作为静态资源路径且不支持子目录层级映射。若图片存于src/main/resources/static/images/posters/则{/images/posters/xxx.jpg}会404。解决1将海报图片统一放在src/main/resources/static/images/根目录下不建议深层级2或在application.yml中配置资源路径映射spring: web: resources: static-locations: classpath:/static/,classpath:/public/3最稳妥方案使用ResourceHttpRequestHandler自定义映射但小项目没必要直接扁平化图片目录即可。5.2 现象MySQL中文乱码电影名显示为问号???原因MySQL服务端、数据库、表、连接URL四层编码未统一为utf8mb4。常见错误是只改了表字符集但连接URL漏了serverTimezoneAsia/Shanghai和useUnicodetruecharacterEncodingutf8。解决1MySQL服务端配置my.cnf[client] default-character-set utf8mb4 [mysqld] character-set-server utf8mb4 collation-server utf8mb4_unicode_ci2建库时指定CREATE DATABASE movie_db CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;3JDBC URL必须包含jdbc:mysql://localhost:3306/movie_db?useUnicodetruecharacterEncodingutf8mb4serverTimezoneAsia/Shanghai注意characterEncodingutf8是历史遗留写法实际应为utf8mb4但MySQL Connector/J 8.x会自动识别保持兼容性写utf8亦可。5.3 现象分页查询时Page.getTotalElements()返回0但Page.getContent()有数据原因Pageable对象未正确传递给Repository方法。常见错误是在Controller中写了movieRepository.findAll(pageable)但忘了在Service层调用时也传入pageable导致底层执行了无分页的findAll()。解决1检查所有Repository调用处确认Pageable参数被逐层透传2开启spring.jpa.show-sqltrue观察日志中是否出现LIMIT ? OFFSET ?语句——没有则说明分页未生效3若使用Query必须显式添加countQuery属性否则JPA无法计算总条数Query( value SELECT * FROM movie WHERE title LIKE %?1%, countQuery SELECT COUNT(*) FROM movie WHERE title LIKE %?1%, nativeQuery true ) PageMovie searchNative(String keyword, Pageable pageable);5.4 现象用户登录后点击收藏按钮提示“未登录”原因Spring Security默认CSRF防护开启而收藏接口是POST请求前端未携带CSRF Token。解决1在Thymeleaf模板中表单加入Tokenform th:action{/movies/{id}/favorite(id${movie.id})} methodpost input typehidden th:name${_csrf.parameterName} th:value${_csrf.token}/ button typesubmit收藏/button /form2或全局禁用CSRF仅限内部系统http.csrf(csrf - csrf.disable()); // 在SecurityConfig中注意禁用CSRF会降低安全性生产环境必须保留前端务必正确传递Token。5.5 现象电影详情页加载缓慢Chrome DevTools显示/movies/123请求耗时超5秒原因N1查询问题。Movie实体关联了genresSet 若未配置FetchType.LAZYJPA会在查询Movie时为每部电影单独发起N次SQL查询Genre100部电影就是100次查询。解决1确认ManyToMany标注fetch FetchType.LAZY已写在3.1节2在Service层使用EntityGraph一次性抓取关联数据EntityGraph(attributePaths {genres}) OptionalMovie findByIdWithGenres(Long id);3或使用JOIN FETCH重写查询Query(SELECT DISTINCT m FROM Movie m LEFT JOIN FETCH m.genres WHERE m.id :id) OptionalMovie findByIdWithGenres(Param(id) Long id);关键DISTINCT防止因JOIN产生重复记录LEFT JOIN FETCH确保genres被预加载避免懒加载触发。6. 生产就绪的关键技巧从本地调试到上线部署的5个实战细节6.1 数据库初始化用schema.sql data.sql实现一键建库填数开发阶段反复删库重建很痛苦。Spring Boot支持自动执行SQL脚本初始化-- src/main/resources/schema.sql DROP TABLE IF EXISTS movie_genre; DROP TABLE IF EXISTS comment; DROP TABLE IF EXISTS favorite; DROP TABLE IF EXISTS movie; DROP TABLE IF EXISTS genre; DROP TABLE IF EXISTS user; CREATE TABLE genre ( id BIGINT AUTO_INCREMENT PRIMARY KEY, name VARCHAR(20) UNIQUE NOT NULL ); CREATE TABLE movie ( id BIGINT AUTO_INCREMENT PRIMARY KEY, title VARCHAR(100) NOT NULL, director VARCHAR(50), actors VARCHAR(200), release_year INT, poster_url VARCHAR(255), favorite_count INT DEFAULT 0 ); -- 其他表创建语句...-- src/main/resources/data.sql INSERT INTO genre (name) VALUES (科幻), (动作), (爱情), (喜剧); INSERT INTO movie (title, director, actors, release_year, poster_url, favorite_count) VALUES (阿凡达, 詹姆斯·卡梅隆, 萨姆·沃辛顿,佐伊·索尔达娜, 2009, /images/avatar.jpg, 120), (肖申克的救赎, 弗兰克·德拉邦特, 蒂姆·罗宾斯,摩根·弗里曼, 1994, /images/shawshank.jpg, 280);在application.yml中启用spring: sql: init: mode: always # 每次启动都执行 schema-locations: classpath:schema.sql >Service Slf4j public class FavoriteService { public boolean toggleFavorite(Long userId, Long movieId) { log.info(收藏操作开始: userId{}, movieId{}, userId, movieId); // 结构化日志方便ELK过滤 try { // ...业务逻辑 log.info(收藏操作成功: userId{}, movieId{}, isFavorite{}, userId, movieId, isFavorite); return isFavorite; } catch (Exception e) { log.error(收藏操作异常: userId{}, movieId{}, userId, movieId, e); // 异常堆栈自动打印 throw e; } } }logback-spring.xml配置突出ERROR和收藏相关INFOconfiguration appender nameCONSOLE classch.qos.logback.core.ConsoleAppender encoder pattern%d{HH:mm:ss.SSS} [%thread] %-5level %logger{36} - %msg%n/pattern /encoder /appender !-- 单独输出收藏日志到文件 -- appender nameFAVORITE_FILE classch.qos.logback.core.rolling.RollingFileAppender filelogs/favorite.log/file filter classch.qos.logback.core.filter.LevelFilter levelINFO/level onMatchACCEPT/onMatch /filter filter classch.qos.logback.core.filter.StringContainsFilter contains收藏操作/contains onMatchACCEPT/onMatch /filter rollingPolicy classch.qos.logback.core.rolling.TimeBasedRollingPolicy fileNamePatternlogs/favorite.%d{yyyy-MM-dd}.%i.log/fileNamePattern /rollingPolicy /appender root levelINFO appender-ref refCONSOLE/ appender-ref refFAVORITE_FILE/ /root /configuration6.3 静态资源优化用Nginx代理提升首屏加载速度Spring Boot内置Tomcat适合开发但生产环境建议用Nginx反向代理既卸载SSL、又缓存静态资源# /etc/nginx/conf.d/movie.conf upstream movie_backend { server 127.0.0.1:8080; } server { listen 80; server_name movie.example.com; # 静态资源直接由Nginx服务不走Java location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ { root /var/www/movie-web/static; expires 1y; add_header Cache-Control public, immutable; } # 动态请求转发给Spring Boot location / { proxy_pass http://movie_backend; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } }部署时将target/*.jar解压把static/目录拷贝到/var/www/movie-web/static重启Nginx即可。实测首屏加载时间从1.2s降至0.4sCDN接入也在此基础上无缝扩展。6.4 安全加固3个必须做的生产配置1关闭H2 Console开发用生产必须禁用spring: h2: console: enabled: false2禁用Actuator敏感端点management: endpoints: web: exposure: include: health,info,metrics # 只暴露必要端点 endpoint: health: show-details: never # 不暴露详细健康信息3设置Cookie安全属性Configuration public class CookieConfig { Bean public ServletWebServerFactory servletContainer() { TomcatServletWebServerFactory tomcat new TomcatServletWebServerFactory(); tomcat.addAdditionalTomcatConnectors(redirectConnector()); return tomcat; } private Connector redirectConnector() { Connector connector new Connector(org.apache.coyote.http11.Http11NioProtocol); connector.setScheme(http); connector.setPort(8080); connector.setSecure(false); connector.setRedirectPort(443); return connector; } }并在application.yml中server: session: cookie: http-only: true secure: true # 仅HTTPS传输我带过的3个团队上线前都栽在同一个地方以为“功能跑通可交付”结果在压测时发现MySQL连接池耗尽、Tomcat线程阻塞、Nginx缓存未命中。后来养成铁律——每次功能开发完必做三件事1用ab -n 1000 -c 100 http://localhost:8080/movies跑一次压测2打开http://localhost:8080/actuator/metrics看tomcat.threads.current和datasource.hikari.active是否稳定3用Chrome隐身模式清缓存手动点10次收藏确认日志里每条都有收藏操作成功。这些动作不花10分钟却能避开80%的线上事故。希望帮到你。本文还有配套的精品资源点击获取