项目实战之旅游网（一）项目介绍 项目搭建

news2024/11/16 21:24:48

 目录

一.项目介绍

1.功能介绍

2.技术选型

3.实体类

二.项目搭建

1.创建项目

2.adminLTE 

3.编写后端首页

4.提取统一后台模板

5.重构后台首页

*************************************************************************

项目代码地址：等写完这个项目我会上传的。

*************************************************************************

一.项目介绍

1.功能介绍

旅游网是一款常见的旅游网站，项目分为管理员端和用户端。管理员端(后台) 主要进行旅游产品的维护，用户端(前台)主要进行旅游产品的展示。

2.技术选型

开发项目要使用稳定版本，不要去使用最新版本，而且技术选型最好是团队里人都会，不会也可以快速上手，然后选择开发效率高的，比如用SpringBoot代替Spring，用MybatisPlus代替Mybatis

  1. JAVA版本: JDK8（jdk每三代是一个稳定的版本，比如8，11，14，17）
  2. 数据库: Mysql5.7+Navicat
  3. 后端框架: SpringBoot2.7.5 + SpringMVC + Mybatis-Plus3.5.0
  4. 权限控制: SpringSecurity
  5. 前端框架: AdminLTE2(因为考虑到很多课已经结课，要准备期末以及各课作业等，所以开发时间比较紧张，使用这个的原因就是学习成本低，拿过来就能用)
  6. 模板引擎: Thymeleaf
  7. 工具类:发邮件工具类、生成验证码工具类
  8. 其他技术: lombok. ajax、 logback

3.实体类

pojo型实体类分为六个，分别是管理员，旅游产品类型，前台用户，权限，产品，角色（代码略）。

二.项目搭建

1.创建项目

将数据库脚本导入数据库（admin是管理员表，role是角色表，admin_role是管理员与角色得一个中间表，permission是权限表，role_permission是角色和权限的一个中间表，category是旅游产品的一个类别，member是用户表，product是旅游产品表，favorite是用户旅游产品的收藏表）


创建名为travel 的Springboot项目，引入相关依赖

引入如下依赖：

用SpringBoot脚手架工具创建项目的时候，需要在pom.xml文件中手动引入依赖；然后测试依赖是自动引入的，不需要咱们引入。

        <!--MybatisPlus-->
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>3.5.0</version>
        </dependency>

编写配置文件（application.yml，修改后缀properties为yml即可，主要是为了使用yml文件的格式）：

# 端口
server:
  port: 80

# 数据源
spring:
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
#    url: jdbc:mysql:///travel?serverTimezone=UTC
    url: jdbc:mysql://192.168.0.182:3306/travel?serverTimezone=UTC
    username: root
    password: root
  # 上传文件
  servlet:
    multipart:
      max-file-size: 10MB # 最大单个文件
      max-request-size: 10MB # 一次请求最大上传
  # 打成jar包必须添加如下配置才能找到页面
  thymeleaf:
    mode: HTML
    cache: false
    prefix: classpath:/templates

#配置mybatis-plus
mybatis-plus:
  global-config:
    db-config:
      # 主键生成策略为自增
      id-type: auto
  configuration:
    #关闭列名自动驼峰命名规则映射,因为我导入的数据库文件表的列名不是下划线分割的，而是用的驼峰命名法
    #一般情况下是数据库里用下划线法，实体类里用驼峰命名法，这样可以实现自动对应
    map-underscore-to-camel-case: false
    log-impl: org.apache.ibatis.logging.stdout.StdOutImpl #开启sql日志

# 日志格式
logging:
  pattern:
    console: '%d{HH:mm:ss.SSS} %clr(%-5level) ---  [%-15thread] %cyan(%-50logger{50}):%msg%n'

然后在travel包下创建pojo实体类（必须和数据库对应起来），然后咱们再在travel下创建bean包，bean也是存放实体类的包，与pojo不同的是bean下存放的只是与咱们自己创建的一些与数据没有对应关系的实体类，而pojo中的实体类都与数据库有对应关系！

实体类如下：

（具体代码就不放了，太占地方）

然后还得创建mapper包，存放MybatisPlus的一些接口；还要创建服务层service包，然后创建util包，放一些工具类再创一个security包，存放权限控制的东西；创建拦截器包interceptor；最后还要创建一个控制器的包controller，网站前台是用户访问的，后台是管理员访问的，所以控制器得分为前台控制器和后台控制器，这样controller包下就得再创建frontdesk和backstage两个包。

我们用了thymeleaf，所以不能直接访问html等文件，所以需要一个页面跳转控制器在中间转接一下，那么就在控制层下创建一页面跳转的控制器PageController，这个控制器既可以跳到前端页面，也可以跳到后端页面，所以既不属于前端也不属于后端，直接在controller包下写即可。

@Controller
public class PageController {
    //访问后台页面
    @RequestMapping("/backstage/{page}")
    public String showPageBackstage(@PathVariable String page){
        return "/backstage/"+page;
    }
    //访问前台页面
    @RequestMapping("/frontdesk/{page}")
    public String showPageFrontdesk(@PathVariable String page){
        return "/frontdesk/"+page;
    }
}

然后咱们在控制器终写的前台页面都在frontdesk下，后端页面都在backstage下，咱们的模板引擎用的是thymeleaf，要放到resources下的templates下，所以咱们要在 templates 下创建frontdesk包和backstage包。然后咱们在backstage下随便写一个html来测试一下。

 启动项目并访问如下链接

然后在页面跳转控制器PageController中添加如下代码，消除一个可有可无的图标异常（比如用谷歌浏览器访问，就上图那个左上角的小地球，访问百度，也会有类似的这种图标，但是咱们的项目就不设置这种图标了，所以给访问这种图标的地址设个空函数，让它不报异常，眼不见心不烦）

    //忽略访问项目Logo
    @RequestMapping("favicon.ico")
    @ResponseBody
    void returnNoFavicon(){}

2.adminLTE 

官网：Free Bootstrap Admin Template - AdminLTE.IO

项目分为管理员端和用户端。管理员端负责管理网站资源,发布旅游产品;用户端可以查询旅游产品，收藏旅游产品等。两端使用的页面风格不同。在项目中,我们使用AdminLTE框架作为管理员端页面，使用自己编写的网页作为用户端页面。

AdminLTE是一款建立在bootstrap和jquery之上的开源的模板主题工具，它提供了一系列响应的、可重复使用的组件， 并内置了多个模板页面;同时自适应多种屏幕分辨率，兼容PC和移动端。通过AdminLTE, 我们可以快速的创建一个响应式的Html5网站。AdminLTE框架在网页架构与设计上，有很大的辅助作用，尤其是前端架构设计师，用好AdminLTE不但美观，而且可以免去写很大CSS与JS的工作量。

使用AdminLTE非常简单，只需要根据需求将需要的组件复制到我们的页面中即可。

1.将下载好的AdminLTE的静态资源复制到/static/backstage中（其中有自己加的少许js文件）。

AdminLTE资源中的pages文件夹下的all-admin-blank.html文件就是首页，所以咱们要把它复制到templates/backstage下，为了可读性，咱们给它改一个名字为index.html，然后咱们需要把这个文件中的一些引入css文件的路径给修改一下，因为咱们在static和templates下都创建frontdesk和backstage文件，所以按Ctrl+R进行替换

然后右键static文件，点击Rebuild 'static'，然后启动项目，访问localhost:80/backstage/index.html

3.编写后端首页

 先在index.html页面加入thymeleaf命名空间，在html标签里添加即可

<html xmlns:th="http://www.thymeleaf.org">

编写一下注销的退出路径

然后后面的页面修改我就不一一记录了，这个项目的这一部分就是下载了AdminLTE的资源，然后再自己进行一些修改，迎合我们的项目，我前端的代码功底比较薄弱，把项目大体思路说明白就行了。

4.提取统一后台模板

我们写的很多页面可能都长得差不多，所以我们可以把可以共用的元素组件提取出来，等我们需要时，我们再在需要的页面引入即可。创建如下四个文件，做公共模板提取之用。

然后我们把刚刚修改的那个index.html文件里的对应的部分的代码分别复制到对应的html文件当中（要覆盖创建文件时自动生成的html代码）

咱们需要用thymeleaf把这些提取的模板文件引入到其他文件当中，所以咱们需要在这四个公共模板文件中引入thymeleaf的命名空间。具体写法还是要下载下来该项目的代码来看看。

5.重构后台首页

后台页面直接引用那几个公共部分

th:replace是thymeleaf的语法。

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <title>首页</title>
    <th:block th:replace="/backstage/common_resources::common_css"></th:block>
    <th:block th:replace="/backstage/common_resources::common_js"></th:block>
</head>

<body class="hold-transition skin-purple sidebar-mini">
<header th:replace="/backstage/common_header::header"></header>
<aside th:replace="/backstage/common_aside::aside"></aside>
    <div class="wrapper">
        <div class="content-wrapper">
        </div>
    </div>
<footer th:replace="/backstage/common_footer::footer"></footer>
</body>

</html>

运行项目访问后台主页，和之前一样，即改造成功！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/107847.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

jsoup

jsoup

1.什么是jsoup jsoup&#xff1a;Java HTML解析器&#xff0c;专为HTML编辑&#xff0c;清理&#xff0c;抓取和XSS安全而构建 2.依赖 <dependency><!-- jsoup HTML parser library https://jsoup.org/ --><groupId>org.jsoup</groupId><artifac…
阅读更多...
干货！深入学习必学的模型微调

干货！深入学习必学的模型微调

学习目标 知道微调的原理能够利用微调模型来完成图像的分类任务1.微调 如何在只有6万张图像的MNIST训练数据集上训练模型。学术界当下使用最广泛的大规模图像数据集ImageNet&#xff0c;它有超过1,000万的图像和1,000类的物体。然而&#xff0c;我们平常接触到数据集的规模通…
阅读更多...
浅析JWT

浅析JWT

Cookie-session 我们都知道JWT一般用于用户登录等需要记住的操作&#xff0c;在谈论JWT之前就不得不谈谈以前的cookie-session登录了 。因为http协议是一种无状态协议&#xff0c;即每次服务端接收到客户端的请求时&#xff0c;都是一个全新的请求&#xff0c;服务器并不知道客…
阅读更多...
【从零开始学微服务】08.引入微服务架构的时机

【从零开始学微服务】08.引入微服务架构的时机

大家好&#xff0c;欢迎来到万猫学社&#xff0c;跟我一起学&#xff0c;你也能成为微服务专家。 在了解引入微服务架构的时机之前&#xff0c;架构设计时一般需要遵循的三个原则。 架构设计三个原则 架构设计一般需要遵循以下三个原则&#xff1a; 合适原则&#xff1a;合适…
阅读更多...
NeurIPS'22 | APG：面向CTR预估的自适应参数生成网络

NeurIPS'22 | APG：面向CTR预估的自适应参数生成网络

丨目录&#xff1a; 摘要 背景 Method 实验 结语▐ 摘要目前基于深度学习的CTR预估模型&#xff08;即 Deep CTR Models&#xff09;被广泛的应用于各个应用中。传统的 Deep CTR Models 的学习模式是相对静态的&#xff0c;即所有的样本共享相同的网络参数。然而&#xff0c;由…
阅读更多...
IntelliJ IDEA中我最爱的10个快捷操作

IntelliJ IDEA中我最爱的10个快捷操作

1. psvm/main快速生成 main() 方法 在日常开发中&#xff0c;我们经常需要写main()方法&#xff0c;这时候您也可以使用main或者psvm命令快速地帮助我们创建出main()方法。 2.sout快速生成println()方法 打印输出一些内容到控制台也是频率很高的一个行为&#xff0c;我们可以…
阅读更多...
Pytest断言

Pytest断言

&#x1f534;pytest 允许使用标准的python assert 用于验证Python测试中的期望和值。所以并不像unittest的那么丰富。但是我们可以重写。 ❞小例子--介绍 import pytestclass Testnew:def test_num(self):assert 1 "1"def test_dic(self):assert {"QA":…
阅读更多...
MySql索引下推知识分享

MySql索引下推知识分享

作者&#xff1a;刘邓忠 Mysql 是大家最常用的数据库&#xff0c;下面为大家带来 mysql 索引下推知识点的分享&#xff0c;以便巩固 mysql 基础知识&#xff0c;如有错误&#xff0c;还请各位大佬们指正。 1 什么是索引下推 索引下推 (Index Condition Pushdown&#xff0c;…
阅读更多...
技术分享 | 测试的本质是什么？

技术分享 | 测试的本质是什么？

本文将分别浅谈不同阶段的业务、不同端的业务、不同类型的业务的测试差异&#xff0c;再抽离其中的测试目标/本质。仅为笔者个人观点&#xff0c;欢迎批评指正。 一、不同阶段业务对测试的需求不同 不同阶段业务对测试的需求不同。这点几乎经历过的人员都心有戚戚焉。 从0到1的…
阅读更多...
盘点导致Spring事务失效的4个场景

盘点导致Spring事务失效的4个场景

1&#xff0c;非运行时异常导致事务无法回滚 我们知道&#xff0c;Spring是通过AOP的方式来实现事务的&#xff0c;而在处理事务的过程中&#xff0c;Spring只有捕获到RuntimeException或者Error的时候才会触发回滚操作&#xff0c;如果我们在代码中抛出的是非运行时异常&…
阅读更多...
Web前端学习之虚拟DOM如何进化为真实DOM

Web前端学习之虚拟DOM如何进化为真实DOM

Vue和React的Render函数中都涉及到了Virtual DOM的概念&#xff0c;Virtual DOM也是性能优化上的重要一环&#xff0c;同时突破了直接操作真实DOM的瓶颈&#xff0c;本文带着以下几个问题来阐述Virtual DOM。 1.为什么要操作虚拟 DOM? 2.什么是虚拟 DOM? 3.手把手教你实现…
阅读更多...
Word内容解析之图表数据获取

Word内容解析之图表数据获取

最近遇到一个问题&#xff0c;Word里有个从Excel直接复制进去的图&#xff0c;但那个Excel已经找不到了&#xff0c;无法通过编辑数据获取到表格的数据。这个其实可以用getdata等软件获取&#xff0c;或者鼠标点在表上的点就可以显示数据&#xff0c;再把数据录下来&#xff0c…
阅读更多...
更加灵活、经济、高效的训练 — 新一代搜推广稀疏大模型训练范式GBA

更加灵活、经济、高效的训练 — 新一代搜推广稀疏大模型训练范式GBA

作者&#xff1a;苏文博、张远行 近日&#xff0c;阿里巴巴在国际顶级机器学习会议NeurIPS 2022上发表了新的自研训练模式 Gloabl Batch gradients Aggregation&#xff08;GBA&#xff0c;论文链接&#xff1a;https://arxiv.org/abs/2205.11048&#xff09;&#xff0c;由阿里…
阅读更多...
模拟电子技术（七）波形的发生和信号的转换

模拟电子技术（七）波形的发生和信号的转换

&#xff08;七&#xff09;波形的发生和信号的转换正弦波振荡电路RC正弦波振荡电路LC正弦波振荡电路正弦波振荡例题电压比较器单限比较器过零比较器一般单限比较器滞回比较器窗口比较器电压比较器例题非正弦波发生电路矩形波发生电路三角波发生电路锯齿波发生电路信号转换电路…
阅读更多...
Visual Studio 调试无法启动调试,拒绝访问

Visual Studio 调试无法启动调试,拒绝访问

方法一 win更新了不兼容 &#xff0c;卸载更新。 1、单击开始菜单&#xff0c;选择【设置】如下图&#xff1b; 2、然后再进入【更新和安全】选项&#xff0c;如下图&#xff1b; 3、查看已安装更新历史记录&#xff0c;如下图红圈 4、这个页面详细列出了最新的更新&#xf…
阅读更多...
绿盟SecXOps安全智能分析技术白皮书 安全分析模型核心服务部署

绿盟SecXOps安全智能分析技术白皮书 安全分析模型核心服务部署

安全分析模型核心服务部署 ModelOps 对所有的人工智能 模型&#xff08;图形模型、语言模型、基于规则的模型&#xff09;以及决策模型的整个生命周期 进行管理&#xff0c;确保对生产中的所有模型进行独立验证和问责&#xff0c;其核心功能涵盖了模型存储、模型测试、模型回滚…
阅读更多...
28. 如何使用 SAP OData 服务向 ABAP 服务器上传文件

28. 如何使用 SAP OData 服务向 ABAP 服务器上传文件

文章目录 1. 创建对应的自定义数据库表和 ABAP DDIC 结构2. 完成 SEGW 事物码里模型的增强3. 完成必要的 ABAP 编码本教程到目前为止开发的 OData 图书管理服务，可以在 ABAP 系统里对图书数据进行增删改查。 本步骤我们继续介绍如何通过 SAP OData 服务，实现向 ABAP 系统上传…
阅读更多...
0.96寸OLED显示屏介绍

0.96寸OLED显示屏介绍

OLED显示屏简介 OLED&#xff0c;即有机发光二极管&#xff08;Organic Light Emitting Diode&#xff09;。OLED 由于同时具备自发光&#xff0c;不需背光源、对比度高、厚度薄、视角广、反应速度快、可用于挠曲性面板、使用温度范围广、构造及制程较简单等优异之特性&#x…
阅读更多...
【C语言】常见字符函数和字符串函数

【C语言】常见字符函数和字符串函数

1.1strlen size_t strlen(const char* str); 字符串已经\0作为结束标志&#xff0c;strlen函数返回的是在字符串中\0前面出现的字符个数&#xff08;不包含\0&#xff09;。 参数指向的字符串必须以\0结束。 注意函数的返回值为size_t&#xff0c;是无符号整形&#xff08;…
阅读更多...
五、Vector底层源码详解

五、Vector底层源码详解

文章目录特点底层源码分析有参构造器public Vector(int initialCapacity, int capacityIncrement)有参构造器public Vector(int initialCapacity)有参构造器public Vector(Collection<? extends E> c)无参构造器public Vector()扩容机制特点 底层是elementDate数组线程…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023