动吧项目概述及环境配置
1. 项目简介
1.1概述
动吧是应市场高端用户需求,笔者开发的这样一套旅游系统,此系统包含简单的旅游电商系统(广告子系统、推荐子系统、评价子系统、商品子系统等)、旅游分销系统(分销商的管理)、旅游业务系统(产品研发、计调服务、系统管理等)等。(参考来跑吧官网)
1.2 原型分析
基于用户需求,进行原型设计(基于html+css+js进行静态页面实现),例如系统登录界面
登录成功页面(例如starter.html)
菜单展示页面
说明:原型设计好以后,会与客户进行确认,确认好以后再进行签字,然后就是设计和实现
2. 技术架构
2.1 项目分层架构
本项目应用层基于MVC设计思想(model、view、controller),进行分层架构设计及,其核心目的是将复杂问题简单化,实现各司其职各尽所能,然后基于“高内聚、低耦合”的设计思想,再实现各对象之间协同,从而提高系统的可维护性,可拓展性。大致结构如图:
其中:
- 开放接口层可直接封装Service方法暴露成RPC(远程过程调用)接口;也可以通过Web封装成http接口;同时也可以进行网关安全控制、流量控制等。
- 终端显示屏负责各个端的模板渲染并显示。当前主要是thymeleaf渲染,JS渲染,移动端展示等。
- Web请求处理层主要是对访问控制进行转发,请求参数校验,相应结果处理等。
- Service层相对具体的业务逻辑服务层(核心业务、扩展业务)
- Manager层通过业务处理层,他有如下特性
1)对第三方平台封装的层,预处理结果及转化异常信息;
2)对Service层通过能力的下沉,如缓存方案、中间件通用处理;
3)与DAO层交互,对多个DAO的组合服用;- DAO层 数据访问层、与底层MySQL、Oracle、Hbase等进行数据交互。
- 外部接口或第三方平台包括其他部门RPC开放接口,基础平台,其他公司的HTTP接口
3. 技术整合
3.1 环境准备
3.1.1 数据库初始化
启动MySQL客户端并登陆,然后执行
set names utf8;
source d:/jtsys.sql
说明:假如在mysql客户端查询表中数据,可以先执行set names gbk,否则可能会出现乱码。还有一点要记住,在拿到任何一个sql脚本文件时,不要上来就执行它,要先打开看一看,检查是否有删除库或删除表的语句,这些语句是否会对你当前数据库中的库和表有影响 ,假如有一定要经过leader审批,才能执行删除等操作.
3.1.2 IDE配置初始化(STS)
- 统一工作区编码(UTF-8)
- 统一JDK版本(JDK1.8)
- 统一Maven配置(3.6.3)
3.2 创建项目
- 项目名称:CGB-DB-SYS-V3.01
- 组ID: com.cy
- 打包方式:jar
3.2.1 添加项目依赖
热部署、健康检查、JDBC、MySQL、Mybatis、Thymeleaf、Web、Lombok
3.2.2 更改application.properties为application.yml,并添加如下配置(server,datasource,mybatis,mvc)
#server 配置
server:
port: 80
#Spring 资源整合
spring:
datasource:
url: jdbc:mysql:///dbsys?serverTimezone=GMT%2B8&characterEncoding=utf8
username: root
password: root
thymeleaf:
cache: false
prefix: classpath:/templates/pages/
suffix: .html
mybatis:
mapper-locations:
1. classpath:/mapper/*/*.xml
logging:
level:
com.cy: DEBUG
3.3首页初始化
3.3.1 定义页面初始资源
- 将js、css、images相关资源拷贝到项目static目录
- 将pages页面拷贝到项目的templates目录
3.3.2 创建页面Controller(com.cy.pj.sys.controller)
创建呈现首页页面的controller对象
package com.cy.pj.sys.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
/**
* 计划在这个controller中处理所有页面请求
* @author Tony
*
*/
@Controller
@RequestMapping("/")
public class PageController {
//返回项目的首页页面
@RequestMapping("doIndexUI")
public String doIndexUI() {
return "starter";
}
}
说明:此controller会作为项目中所有页面访问的入口。
3.3.3 启动项目进行测试
启动tomcat,在地址栏输入http://localhost/doIndexUI(地址中的端口号要参考自己tomcat启动端口)地址进行访问,假如没有问题会呈现如下页面:
各结构功能及项目结构
FAQ:
- MySQL帮助文档
- 一定要事先设置编码为utf-8,否则可能乱码
- yml配置文件注意事项
- css资源404问题
- 报TemplateInputException might not exists错误
- 报SpelEvaluationException错误
- CSS 404问题
- favicon问题