黑馬程序員-傳智健康項目(第一章)


傳智健康項目


第1章 項目概述和環境搭建

1. 項目概述

1.1 項目介紹

傳智健康管理系統是一款應用於健康管理機構的業務系統,實現健康管理機構工作內容可視化、會員管理專業化、健康評估數字化、健康干預流程化、知識庫集成化,從而提高健康管理師的工作效率,加強與會員間的互動,增強管理者對健康管理機構運營情況的了解。

詳見:資料中的傳智健康PRD文檔.docx

1.2 原型展示

參見資料中的靜態原型。

1.3 技術架構

1.4 功能架構

1.5 軟件開發流程

軟件開發一般會經歷如下幾個階段,整個過程是順序展開,所以通常稱為瀑布模型。

2. 環境搭建

2.1 項目結構

本項目采用maven分模塊開發方式,即對整個項目拆分為幾個maven工程,每個maven工程存放特定的一類代碼,具體如下:

各模塊職責定位:

health_parent:父工程,打包方式為pom,統一鎖定依賴的版本,同時聚合其他子模塊便於統一執行maven命令

health_common:通用模塊,打包方式為jar,存放項目中使用到的一些工具類、實體類、返回結果和常量類

health_interface:打包方式為jar,存放服務接口

health_service_provider:Dubbo服務模塊,打包方式為war,存放服務實現類、Dao接口、Mapper映射文件等,作為服務提供方,需要部署到tomcat運行

health_backend:傳智健康管理后台,打包方式為war,作為Dubbo服務消費方,存放Controller、HTML頁面、js、css、spring配置文件等,需要部署到tomcat運行

health_mobile:移動端前台,打包方式為war,作為Dubbo服務消費方,存放Controller、HTML頁面、js、css、spring配置文件等,需要部署到tomcat運行

2.2 maven項目搭建

通過前面的項目功能架構圖可以知道本項目分為傳智健康管理后台和傳智健康前台(微信端)

2.2.1 health_parent

創建health_parent,父工程,打包方式為pom,用於統一管理依賴版本

pom.xml

<!--?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.itheima</groupid>
    <artifactid>health_parent</artifactid>
    <version>1.0-SNAPSHOT</version>
    <packaging>pom</packaging>
    <!-- 集中定義依賴版本號 -->
    <properties>
        <junit.version>4.12</junit.version>
        <spring.version>5.0.5.RELEASE</spring.version>
        <pagehelper.version>4.1.4</pagehelper.version>
        <servlet-api.version>2.5</servlet-api.version>
        <dubbo.version>2.6.0</dubbo.version>
        <zookeeper.version>3.4.7</zookeeper.version>
        <zkclient.version>0.1</zkclient.version>
        <mybatis.version>3.4.5</mybatis.version>
        <mybatis.spring.version>1.3.1</mybatis.spring.version>
        <mybatis.paginator.version>1.2.15</mybatis.paginator.version>
        <mysql.version>5.1.32</mysql.version>
        <druid.version>1.0.9</druid.version>
        <commons-fileupload.version>1.3.1</commons-fileupload.version>
        <spring.security.version>5.0.5.RELEASE</spring.security.version>
        <poi.version>3.14</poi.version>
        <jedis.version>2.9.0</jedis.version>
        <quartz.version>2.2.1</quartz.version>
    </properties>
    <!-- 依賴管理標簽  必須加 -->
    <dependencymanagement>
        <dependencies>
            <!-- Spring -->
            <dependency>
                <groupid>org.springframework</groupid>
                <artifactid>spring-context</artifactid>
                <version>${spring.version}</version>
            </dependency>
            <dependency>
                <groupid>org.springframework</groupid>
                <artifactid>spring-beans</artifactid>
                <version>${spring.version}</version>
            </dependency>
            <dependency>
                <groupid>org.springframework</groupid>
                <artifactid>spring-web</artifactid>
                <version>${spring.version}</version>
            </dependency>
            <dependency>
                <groupid>org.springframework</groupid>
                <artifactid>spring-webmvc</artifactid>
                <version>${spring.version}</version>
            </dependency>
            <dependency>
                <groupid>org.springframework</groupid>
                <artifactid>spring-jdbc</artifactid>
                <version>${spring.version}</version>
            </dependency>
            <dependency>
                <groupid>org.springframework</groupid>
                <artifactid>spring-aspects</artifactid>
                <version>${spring.version}</version>
            </dependency>
            <dependency>
                <groupid>org.springframework</groupid>
                <artifactid>spring-jms</artifactid>
                <version>${spring.version}</version>
            </dependency>
            <dependency>
                <groupid>org.springframework</groupid>
                <artifactid>spring-context-support</artifactid>
                <version>${spring.version}</version>
            </dependency>
            <dependency>
                <groupid>org.springframework</groupid>
                <artifactid>spring-test</artifactid>
                <version>${spring.version}</version>
            </dependency>
            <!-- dubbo相關 -->
            <dependency>
                <groupid>com.alibaba</groupid>
                <artifactid>dubbo</artifactid>
                <version>${dubbo.version}</version>
            </dependency>
            <dependency>
                <groupid>org.apache.zookeeper</groupid>
                <artifactid>zookeeper</artifactid>
                <version>${zookeeper.version}</version>
            </dependency>
            <dependency>
                <groupid>com.github.sgroschupf</groupid>
                <artifactid>zkclient</artifactid>
                <version>${zkclient.version}</version>
            </dependency>
            <dependency>
                <groupid>junit</groupid>
                <artifactid>junit</artifactid>
                <version>4.12</version>
            </dependency>
            <dependency>
                <groupid>com.alibaba</groupid>
                <artifactid>fastjson</artifactid>
                <version>1.2.47</version>
            </dependency>
            <dependency>
                <groupid>javassist</groupid>
                <artifactid>javassist</artifactid>
                <version>3.12.1.GA</version>
            </dependency>
            <dependency>
                <groupid>commons-codec</groupid>
                <artifactid>commons-codec</artifactid>
                <version>1.10</version>
            </dependency>
            <dependency>
                <groupid>com.github.pagehelper</groupid>
                <artifactid>pagehelper</artifactid>
                <version>${pagehelper.version}</version>
            </dependency>
            <!-- Mybatis -->
            <dependency>
                <groupid>org.mybatis</groupid>
                <artifactid>mybatis</artifactid>
                <version>${mybatis.version}</version>
            </dependency>
            <dependency>
                <groupid>org.mybatis</groupid>
                <artifactid>mybatis-spring</artifactid>
                <version>${mybatis.spring.version}</version>
            </dependency>
            <dependency>
                <groupid>com.github.miemiedev</groupid>
                <artifactid>mybatis-paginator</artifactid>
                <version>${mybatis.paginator.version}</version>
            </dependency>
            <!-- MySql -->
            <dependency>
                <groupid>mysql</groupid>
                <artifactid>mysql-connector-java</artifactid>
                <version>${mysql.version}</version>
            </dependency>
            <!-- 連接池 -->
            <dependency>
                <groupid>com.alibaba</groupid>
                <artifactid>druid</artifactid>
                <version>${druid.version}</version>
            </dependency>
            <!-- 文件上傳組件 -->
            <dependency>
                <groupid>commons-fileupload</groupid>
                <artifactid>commons-fileupload</artifactid>
                <version>${commons-fileupload.version}</version>
            </dependency>
            <dependency>
                <groupid>org.quartz-scheduler</groupid>
                <artifactid>quartz</artifactid>
                <version>${quartz.version}</version>
            </dependency>
            <dependency>
                <groupid>org.quartz-scheduler</groupid>
                <artifactid>quartz-jobs</artifactid>
                <version>${quartz.version}</version>
            </dependency>
            <dependency>
                <groupid>com.sun.jersey</groupid>
                <artifactid>jersey-client</artifactid>
                <version>1.18.1</version>
            </dependency>
            <dependency>
                <groupid>com.qiniu</groupid>
                <artifactid>qiniu-java-sdk</artifactid>
                <version>7.2.0</version>
            </dependency>
            <!--POI報表-->
            <dependency>
                <groupid>org.apache.poi</groupid>
                <artifactid>poi</artifactid>
                <version>${poi.version}</version>
            </dependency>
            <dependency>
                <groupid>org.apache.poi</groupid>
                <artifactid>poi-ooxml</artifactid>
                <version>${poi.version}</version>
            </dependency>
            <dependency>
                <groupid>redis.clients</groupid>
                <artifactid>jedis</artifactid>
                <version>${jedis.version}</version>
            </dependency>
            <!-- 安全框架 -->
            <dependency>
                <groupid>org.springframework.security</groupid>
                <artifactid>spring-security-web</artifactid>
                <version>${spring.security.version}</version>
            </dependency>
            <dependency>
                <groupid>org.springframework.security</groupid>
                <artifactid>spring-security-config</artifactid>
                <version>${spring.security.version}</version>
            </dependency>
            <dependency>
                <groupid>org.springframework.security</groupid>
                <artifactid>spring-security-taglibs</artifactid>
                <version>${spring.security.version}</version>
            </dependency>
            <dependency>
                <groupid>com.github.penggle</groupid>
                <artifactid>kaptcha</artifactid>
                <version>2.3.2</version>
                <exclusions>
                    <exclusion>
                        <groupid>javax.servlet</groupid>
                        <artifactid>javax.servlet-api</artifactid>
                    </exclusion>
                </exclusions>
            </dependency>
            <dependency>
                <groupid>dom4j</groupid>
                <artifactid>dom4j</artifactid>
                <version>1.6.1</version>
            </dependency>
            <dependency>
                <groupid>xml-apis</groupid>
                <artifactid>xml-apis</artifactid>
                <version>1.4.01</version>
            </dependency>
        </dependencies>
    </dependencymanagement>
    <dependencies>
        <dependency>
            <groupid>javax.servlet</groupid>
            <artifactid>servlet-api</artifactid>
            <version>${servlet-api.version}</version>
            <scope>provided</scope>
        </dependency>
    </dependencies>
    <build>
        <plugins>
            <!-- java編譯插件 -->
            <plugin>
                <groupid>org.apache.maven.plugins</groupid>
                <artifactid>maven-compiler-plugin</artifactid>
                <version>3.2</version>
                <configuration>
                    <source>1.8
                    <target>1.8</target>
                    <encoding>UTF-8</encoding>
                </configuration>
            </plugin>
        </plugins>
    </build>
</project>

2.2.2 health_common

創建health_common,子工程,打包方式為jar,存放通用組件,例如工具類、實體類等

pom.xml

<!--?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">
    <parent>
        <artifactid>health_parent</artifactid>
        <groupid>com.itheima</groupid>
        <version>1.0-SNAPSHOT</version>
    </parent>
    <modelversion>4.0.0</modelversion>
    <artifactid>health_common</artifactid>
    <packaging>jar</packaging>
    <dependencies>
        <dependency>
            <groupid>com.github.pagehelper</groupid>
            <artifactid>pagehelper</artifactid>
        </dependency>
        <!-- Mybatis -->
        <dependency>
            <groupid>org.mybatis</groupid>
            <artifactid>mybatis</artifactid>
        </dependency>
        <dependency>
            <groupid>org.mybatis</groupid>
            <artifactid>mybatis-spring</artifactid>
        </dependency>
        <dependency>
            <groupid>com.github.miemiedev</groupid>
            <artifactid>mybatis-paginator</artifactid>
        </dependency>
        <!-- MySql -->
        <dependency>
            <groupid>mysql</groupid>
            <artifactid>mysql-connector-java</artifactid>
        </dependency>
        <!-- 連接池 -->
        <dependency>
            <groupid>com.alibaba</groupid>
            <artifactid>druid</artifactid>
        </dependency>
        <dependency>
            <groupid>commons-fileupload</groupid>
            <artifactid>commons-fileupload</artifactid>
        </dependency>
        <!-- Spring -->
        <dependency>
            <groupid>org.springframework</groupid>
            <artifactid>spring-context</artifactid>
        </dependency>
        <dependency>
            <groupid>org.springframework</groupid>
            <artifactid>spring-beans</artifactid>
        </dependency>
        <dependency>
            <groupid>org.springframework</groupid>
            <artifactid>spring-web</artifactid>
        </dependency>
        <dependency>
            <groupid>org.springframework</groupid>
            <artifactid>spring-webmvc</artifactid>
        </dependency>
        <dependency>
            <groupid>org.springframework</groupid>
            <artifactid>spring-jdbc</artifactid>
        </dependency>
        <dependency>
            <groupid>org.springframework</groupid>
            <artifactid>spring-aspects</artifactid>
        </dependency>
        <dependency>
            <groupid>org.springframework</groupid>
            <artifactid>spring-jms</artifactid>
        </dependency>
        <dependency>
            <groupid>org.springframework</groupid>
            <artifactid>spring-context-support</artifactid>
        </dependency>
        <dependency>
            <groupid>org.springframework</groupid>
            <artifactid>spring-test</artifactid>
        </dependency>
        <!-- dubbo相關 -->
        <dependency>
            <groupid>com.alibaba</groupid>
            <artifactid>dubbo</artifactid>
        </dependency>
        <dependency>
            <groupid>org.apache.zookeeper</groupid>
            <artifactid>zookeeper</artifactid>
        </dependency>
        <dependency>
            <groupid>com.github.sgroschupf</groupid>
            <artifactid>zkclient</artifactid>
        </dependency>
        <dependency>
            <groupid>junit</groupid>
            <artifactid>junit</artifactid>
        </dependency>
        <dependency>
            <groupid>com.alibaba</groupid>
            <artifactid>fastjson</artifactid>
        </dependency>
        <dependency>
            <groupid>javassist</groupid>
            <artifactid>javassist</artifactid>
        </dependency>
        <dependency>
            <groupid>commons-codec</groupid>
            <artifactid>commons-codec</artifactid>
        </dependency>
        <dependency>
            <groupid>org.apache.poi</groupid>
            <artifactid>poi</artifactid>
        </dependency>
        <dependency>
            <groupid>redis.clients</groupid>
            <artifactid>jedis</artifactid>
        </dependency>
        <dependency>
            <groupid>com.qiniu</groupid>
            <artifactid>qiniu-java-sdk</artifactid>
        </dependency>
        <dependency>
            <groupid>com.sun.jersey</groupid>
            <artifactid>jersey-client</artifactid>
        </dependency>
        <dependency>
            <groupid>org.apache.poi</groupid>
            <artifactid>poi-ooxml</artifactid>
        </dependency>
        <dependency>
            <groupid>org.springframework.security</groupid>
            <artifactid>spring-security-web</artifactid>
        </dependency>
        <dependency>
            <groupid>org.springframework.security</groupid>
            <artifactid>spring-security-config</artifactid>
        </dependency>
        <dependency>
            <groupid>org.springframework.security</groupid>
            <artifactid>spring-security-taglibs</artifactid>
        </dependency>
    </dependencies>
</project>

2.2.5 health_interface

創建health_interface,子工程,打包方式為jar,存放服務接口

pom.xml

<!--?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">
    <parent>
        <artifactid>health_parent</artifactid>
        <groupid>com.itheima</groupid>
        <version>1.0-SNAPSHOT</version>
    </parent>
    <modelversion>4.0.0</modelversion>
    <artifactid>health_interface</artifactid>
    <packaging>jar</packaging>
    <dependencies>
        <dependency>
            <groupid>com.itheima</groupid>
            <artifactid>health_common</artifactid>
            <version>1.0-SNAPSHOT</version>
        </dependency>
    </dependencies>
</project>

2.2.6 health_service_provider

創建health_service_provider,子工程,打包方式為war,作為服務單獨部署,存放服務類、Dao接口和Mapper映射文件等

pom.xml

<!--?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">
    <parent>
        <groupid>com.itheima</groupid>
        <artifactid>health_parent</artifactid>
        <version>1.0-SNAPSHOT</version>
    </parent>
    <modelversion>4.0.0</modelversion>
    <artifactid>health_service_provider</artifactid>
    <packaging>war</packaging>
    <dependencies>
        <dependency>
            <groupid>com.itheima</groupid>
            <artifactid>health_interface</artifactid>
            <version>1.0-SNAPSHOT</version>
        </dependency>
    </dependencies>
    <build>
        <plugins>
            <plugin>
                <groupid>org.apache.tomcat.maven</groupid>
                <artifactid>tomcat7-maven-plugin</artifactid>
                <configuration>
                    <!-- 指定端口 -->
                    <port>81</port>
                    <!-- 請求路徑 -->
                    <path>/</path>
                </configuration>
            </plugin>
        </plugins>
    </build>
</project>

log4j.properties

### direct log messages to stdout ###
log4j.appender.stdout=org.apache.log4j.ConsoleAppender
log4j.appender.stdout.Target=System.err
log4j.appender.stdout.layout=org.apache.log4j.PatternLayout
log4j.appender.stdout.layout.ConversionPattern=%d{ABSOLUTE} %5p %c{1}:%L - %m%n

### direct messages to file mylog.log ###
log4j.appender.file=org.apache.log4j.FileAppender
log4j.appender.file.File=c:\\mylog.log
log4j.appender.file.layout=org.apache.log4j.PatternLayout
log4j.appender.file.layout.ConversionPattern=%d{ABSOLUTE} %5p %c{1}:%L - %m%n

### set log levels - for more verbose logging change 'info' to 'debug' ###

log4j.rootLogger=debug, stdout

SqlMapConfig.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>
	<plugins>
		<!-- com.github.pagehelper 為 PageHelper 類所在包名 -->
		<plugin interceptor="com.github.pagehelper.PageHelper">
			<!-- 設置數據庫類型 Oracle,Mysql,MariaDB,SQLite,Hsqldb,PostgreSQL 六種數據庫-->
			<property name="dialect" value="mysql"/>
		</plugin>
	</plugins>
</configuration>

spring-dao.xml

<!--?xml version="1.0" encoding="UTF-8"?-->
<beans xmlns="http://www.springframework.org/schema/beans" xmlns:context="http://www.springframework.org/schema/context" xmlns:p="http://www.springframework.org/schema/p" xmlns:aop="http://www.springframework.org/schema/aop" xmlns:tx="http://www.springframework.org/schema/tx" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemalocation="http://www.springframework.org/schema/beans
							http://www.springframework.org/schema/beans/spring-beans-4.2.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/util
							http://www.springframework.org/schema/util/spring-util.xsd">

	<!--數據源-->
	<bean id="dataSource" class="com.alibaba.druid.pool.DruidDataSource" destroy-method="close">
		<property name="username" value="root">
		<property name="password" value="root">
		<property name="driverClassName" value="com.mysql.jdbc.Driver">
		<property name="url" value="jdbc:mysql://localhost:3306/health">
	</property></property></property></property></bean>
	<!--spring和mybatis整合的工廠bean-->
	<bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
		<property name="dataSource" ref="dataSource">
		<property name="configLocation" value="classpath:SqlMapConfig.xml">
	</property></property></bean>
	<!--批量掃描接口生成代理對象-->
	<bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
		<!--指定接口所在的包-->
		<property name="basePackage" value="com.itheima.dao">
	</property></bean>
</beans>

spring-tx.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: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/mvc
                        http://www.springframework.org/schema/mvc/spring-mvc.xsd
                        http://www.springframework.org/schema/tx
                        http://www.springframework.org/schema/tx/spring-tx.xsd
                        http://www.springframework.org/schema/context
                        http://www.springframework.org/schema/context/spring-context.xsd">
    <!-- 事務管理器  -->
    <bean id="transactionManager" 
          class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
        <property name="dataSource" ref="dataSource"/>
    </bean>
    <!--
        開啟事務控制的注解支持
        注意:此處必須加入proxy-target-class="true",
              需要進行事務控制,會由Spring框架產生代理對象,
              Dubbo需要將Service發布為服務,要求必須使用cglib創建代理對象。
    -->
    <tx:annotation-driven transaction-manager="transactionManager" 
                          proxy-target-class="true"/>
</beans>

spring-service.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:dubbo="http://code.alibabatech.com/schema/dubbo"
       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/mvc
                            http://www.springframework.org/schema/mvc/spring-mvc.xsd
                            http://code.alibabatech.com/schema/dubbo
                            http://code.alibabatech.com/schema/dubbo/dubbo.xsd
                            http://www.springframework.org/schema/context
                            http://www.springframework.org/schema/context/spring-context.xsd">
    <!-- 指定應用名稱 -->
    <dubbo:application name="health_service_provider"/>
    <!--指定暴露服務的端口,如果不指定默認為20880-->
    <dubbo:protocol name="dubbo" port="20887"/>
    <!--指定服務注冊中心地址-->
    <dubbo:registry address="zookeeper://127.0.0.1:2181"/>
    <!--批量掃描,發布服務-->
    <dubbo:annotation package="com.itheima.service"/>
</beans>

web.xml

<!DOCTYPE web-app PUBLIC
 "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
 "http://java.sun.com/dtd/web-app_2_3.dtd" >
<web-app>
  <display-name>Archetype Created Web Application</display-name>
  <!-- 加載spring容器 -->
  <context-param>
    <param-name>contextConfigLocation</param-name>
    <param-value>classpath*:applicationContext*.xml</param-value>
  </context-param>
  <listener>
    <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
  </listener>
</web-app>

2.2.7 health_backend

創建health_backend,子工程,打包方式為war,單獨部署,存放Controller、頁面等

pom.xml

<?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">
    <parent>
        <artifactId>health_parent</artifactId>
        <groupId>com.itheima</groupId>
        <version>1.0-SNAPSHOT</version>
    </parent>
    <modelVersion>4.0.0</modelVersion>
    <artifactId>health_backend</artifactId>
    <packaging>war</packaging>
    <dependencies>
        <dependency>
            <groupId>com.itheima</groupId>
            <artifactId>health_interface</artifactId>
            <version>1.0-SNAPSHOT</version>
        </dependency>
    </dependencies>
    <build>
        <plugins>
            <plugin>
                <groupId>org.apache.tomcat.maven</groupId>
                <artifactId>tomcat7-maven-plugin</artifactId>
                <configuration>
                    <!-- 指定端口 -->
                    <port>82</port>
                    <!-- 請求路徑 -->
                    <path>/</path>
                </configuration>
            </plugin>
        </plugins>
    </build>
</project>

log4j.properties

### direct log messages to stdout ###
log4j.appender.stdout=org.apache.log4j.ConsoleAppender
log4j.appender.stdout.Target=System.err
log4j.appender.stdout.layout=org.apache.log4j.PatternLayout
log4j.appender.stdout.layout.ConversionPattern=%d{ABSOLUTE} %5p %c{1}:%L - %m%n

### direct messages to file mylog.log ###
log4j.appender.file=org.apache.log4j.FileAppender
log4j.appender.file.File=c:\\mylog.log
log4j.appender.file.layout=org.apache.log4j.PatternLayout
log4j.appender.file.layout.ConversionPattern=%d{ABSOLUTE} %5p %c{1}:%L - %m%n

### set log levels - for more verbose logging change 'info' to 'debug' ###

log4j.rootLogger=info, stdout

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:dubbo="http://code.alibabatech.com/schema/dubbo" 
	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/mvc
						http://www.springframework.org/schema/mvc/spring-mvc.xsd
						http://code.alibabatech.com/schema/dubbo
						http://code.alibabatech.com/schema/dubbo/dubbo.xsd
						http://www.springframework.org/schema/context
						http://www.springframework.org/schema/context/spring-context.xsd">
	<mvc:annotation-driven>
	  <mvc:message-converters register-defaults="true">
	    <bean class="com.alibaba.fastjson.support.spring.FastJsonHttpMessageConverter">
	      <property name="supportedMediaTypes" value="application/json"/>
	      <property name="features">
	        <list>
	          <value>WriteMapNullValue</value>
	          <value>WriteDateUseDateFormat</value>
	        </list>
	      </property>
	    </bean>
	  </mvc:message-converters>
	</mvc:annotation-driven>
	<!-- 指定應用名稱 -->
	<dubbo:application name="health_backend" />
	<!--指定服務注冊中心地址-->
	<dubbo:registry address="zookeeper://127.0.0.1:2181"/>
	<!--批量掃描-->
	<dubbo:annotation package="com.itheima.controller" />
	<!--
		超時全局設置 10分鍾
		check=false 不檢查服務提供方,開發階段建議設置為false
		check=true 啟動時檢查服務提供方,如果服務提供方沒有啟動則報錯
	-->
	<dubbo:consumer timeout="600000" check="false"/>
	<!--文件上傳組件-->
	<bean id="multipartResolver" 
          class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
		<property name="maxUploadSize" value="104857600" />
		<property name="maxInMemorySize" value="4096" />
		<property name="defaultEncoding" value="UTF-8"/>
	</bean>
</beans>

web.xml

<!DOCTYPE web-app PUBLIC
 "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
 "http://java.sun.com/dtd/web-app_2_3.dtd">
<web-app>
  <display-name>Archetype Created Web Application</display-name>
  <!-- 解決post亂碼 -->
  <filter>
    <filter-name>CharacterEncodingFilter</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>
    <init-param>
      <param-name>forceEncoding</param-name>
      <param-value>true</param-value>
    </init-param>
  </filter>
  <filter-mapping>
    <filter-name>CharacterEncodingFilter</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>
  <servlet>
    <servlet-name>springmvc</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <!-- 指定加載的配置文件 ,通過參數contextConfigLocation加載 -->
    <init-param>
      <param-name>contextConfigLocation</param-name>
      <param-value>classpath:springmvc.xml</param-value>
    </init-param>
    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
    <servlet-name>springmvc</servlet-name>
    <url-pattern>*.do</url-pattern>
  </servlet-mapping>
</web-app>

3. Power Designer

3.1 Power Designer介紹

PowerDesigner是Sybase公司的一款軟件,使用它可以方便地對系統進行分析設計,他幾乎包括了數據庫模型設計的全過程。利用PowerDesigner可以制作數據流程圖、概念數據模型、物理數據模型、面向對象模型。

在項目設計階段通常會使用PowerDesigner進行數據庫設計。使用PowerDesigner可以更加直觀的表現出數據庫中表之間的關系,並且可以直接導出相應的建表語句。

3.2 Power Designer使用

3.2.1 創建物理數據模型

操作步驟:

(1)創建數據模型PDM

(2)選擇數據庫類型

(3)創建表和字段

指定表名

創建字段

設置某個字段屬性,在字段上右鍵

添加外鍵約束

3.2.2 從PDM導出SQL腳本

可以通過PowerDesigner設計的PDM模型導出為SQL腳本,如下:

3.2.3 逆向工程

上面我們是首先創建PDM模型,然后通過PowerDesigner提供的功能導出SQL腳本。實際上這個過程也可以反過來,也就是我們可以通過SQL腳本逆向生成PDM模型,這稱為逆向工程,操作如下:

3.2.4 生成數據庫報表文件

通過PowerDesigner提供的功能,可以將PDM模型生成報表文件,具體操作如下:

(1)打開報表向導窗口

(2)指定報表名稱和語言

(3)選擇報表格式和樣式

(4)選擇對象類型

(5)執行生成操作

4. ElementUI

4.1 ElementUI介紹

ElementUI是一套基於VUE2.0的桌面端組件庫,ElementUI提供了豐富的組件幫助開發人員快速構建功能強大、風格統一的頁面。

官網地址:http://element-cn.eleme.io/#/zh-CN

傳智健康項目后台系統就是使用ElementUI來構建頁面,在頁面上引入 js 和 css 文件即可開始使用,如下:

<!-- 引入ElementUI樣式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<!-- 引入ElementUI組件庫 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

4.2 常用組件

4.2.1 Container 布局容器

用於布局的容器組件,方便快速搭建頁面的基本結構:

<el-container>:外層容器。當子元素中包含 <el-header><el-footer> 時,全部子元素會垂直上下排列,否則會水平左右排列

<el-header>:頂欄容器

<el-aside>:側邊欄容器

<el-main>:主要區域容器

<el-footer>:底欄容器

<body>
  <div id="app">
    <el-container>
      <el-header>Header</el-header>
      <el-container>
        <el-aside width="200px">Aside</el-aside>
        <el-container>
          <el-main>Main</el-main>
          <el-footer>Footer</el-footer>
        </el-container>
      </el-container>
    </el-container>
  </div>
  <style>
    .el-header, .el-footer {
      background-color: #B3C0D1;
      color: #333;
      text-align: left;
      line-height: 60px;
    }

    .el-aside {
      background-color: #D3DCE6;
      color: #333;
      text-align: center;
      line-height: 200px;
    }

    .el-main {
      background-color: #E9EEF3;
      color: #333;
      text-align: center;
      line-height: 590px;
    }
  </style>
</body>
<script>
  new Vue({
    el:'#app'
  });
</script>

4.2.2 Dropdown 下拉菜單

將動作或菜單折疊到下拉菜單中。

<el-dropdown split-button size="small" trigger="click">
  個人中心
  <el-dropdown-menu>
    <el-dropdown-item >退出系統</el-dropdown-item>
    <el-dropdown-item divided>修改密碼</el-dropdown-item>
    <el-dropdown-item divided>聯系管理員</el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>

4.2.3 NavMenu 導航菜單

為網站提供導航功能的菜單。

<el-menu>
  <el-submenu index="1">
    <template slot="title">
      <i class="el-icon-location"></i>
      <span slot="title">導航一</span>
    </template>
    <el-menu-item>選項1</el-menu-item>
    <el-menu-item>選項2</el-menu-item>
    <el-menu-item>選項3</el-menu-item>
  </el-submenu>
  <el-submenu index="2">
    <template slot="title">
      <i class="el-icon-menu"></i>
      <span slot="title">導航二</span>
    </template>
    <el-menu-item>選項1</el-menu-item>
    <el-menu-item>選項2</el-menu-item>
    <el-menu-item>選項3</el-menu-item>
  </el-submenu>
</el-menu>

4.2.4 Table 表格

用於展示多條結構類似的數據,可對數據進行排序、篩選、對比或其他自定義操作。

<el-table :data="tableData" stripe>
  <el-table-column prop="date" label="日期"></el-table-column>
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="address" label="地址"></el-table-column>
  <el-table-column label="操作" align="center">
    <!--
		slot-scope:作用域插槽,可以獲取表格數據
    	scope:代表表格數據,可以通過scope.row來獲取表格當前行數據,scope不是固定寫法
    -->
    <template slot-scope="scope">
      <el-button type="primary" size="mini" @click="handleUpdate(scope.row)">編輯</el-button>
      <el-button type="danger" size="mini"  @click="handleDelete(scope.row)">刪除</el-button>
    </template>
  </el-table-column>
</el-table>
<script>
  new Vue({
    el:'#app',
    data:{
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀區金沙江路 1518 弄'
      }, {
        date: '2016-05-04',
        name: '王小虎',
        address: '上海市普陀區金沙江路 1517 弄'
      }, {
        date: '2016-05-01',
        name: '王小虎',
        address: '上海市普陀區金沙江路 1519 弄'
      }]
    },
    methods:{
      handleUpdate(row){
        alert(row.date);
      },
      handleDelete(row){
        alert(row.date);
      }
    }
  });
</script>

4.2.5 Pagination 分頁

當數據量過多時,使用分頁分解數據。

<!--
	current-change:內置的事件,當前頁碼改變時會觸發,可以獲取到改變之后的頁碼
-->
<el-pagination
               @current-change="handleCurrentChange"
               current-page="5"
               page-size="10"
               layout="total, prev, pager, next, jumper"
               :total="305">
</el-pagination>
<script>
  new Vue({
    el:'#app',
    methods:{
      handleCurrentChange(page){
        alert(page);
      }
    }
  });
</script>

4.2.6 Message 消息提示

常用於主動操作后的反饋提示。

<el-button :plain="true" @click="open1">消息</el-button>
<el-button :plain="true" @click="open2">成功</el-button>
<el-button :plain="true" @click="open3">警告</el-button>
<el-button :plain="true" @click="open4">錯誤</el-button>
<script>
  new Vue({
    el: '#app',
    methods: {
      open1() {
        this.$message('這是一條消息提示');
      },
      open2() {
        this.$message({
          message: '恭喜你,這是一條成功消息',
          type: 'success'
        });
      },
      open3() {
        this.$message({
          message: '警告哦,這是一條警告消息',
          type: 'warning'
        });
      },
      open4() {
        this.$message.error('錯了哦,這是一條錯誤消息');
      }
    }
  })
</script>

4.2.7 Tabs 標簽頁

分隔內容上有關聯但屬於不同類別的數據集合。

<h3>基礎的、簡潔的標簽頁</h3>
<!--
	通過value屬性來指定當前選中的標簽頁
-->
<el-tabs value="first">
  <el-tab-pane label="用戶管理" name="first">用戶管理</el-tab-pane>
  <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
  <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
  <el-tab-pane label="定時任務補償" name="fourth">定時任務補償</el-tab-pane>
</el-tabs>
<h3>選項卡樣式的標簽頁</h3>
<el-tabs value="first" type="card">
  <el-tab-pane label="用戶管理" name="first">用戶管理</el-tab-pane>
  <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
  <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
  <el-tab-pane label="定時任務補償" name="fourth">定時任務補償</el-tab-pane>
</el-tabs>
<h3>卡片化的標簽頁</h3>
<el-tabs value="first" type="border-card">
  <el-tab-pane label="用戶管理" name="first">用戶管理</el-tab-pane>
  <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
  <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
  <el-tab-pane label="定時任務補償" name="fourth">定時任務補償</el-tab-pane>
</el-tabs>
<script>
  new Vue({
    el: '#app'
  })
</script>

4.2.8 Form 表單

由輸入框、選擇器、單選框、多選框等控件組成,用以收集、校驗、提交數據。在 Form 組件中,每一個表單域由一個 Form-Item 組件構成,表單域中可以放置各種類型的表單控件,包括 Input、Select、Checkbox、Radio、Switch、DatePicker、TimePicker。

<!--
	rules:表單驗證規則
-->
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
  <!--
  	prop:表單域 model 字段,在使用 validate、resetFields 方法的情況下,該屬性是必填的
  -->
  <el-form-item label="活動名稱" prop="name">
    <el-input v-model="form.name"></el-input>
  </el-form-item>
  <el-form-item label="活動區域" prop="region">
    <el-select v-model="form.region" placeholder="請選擇活動區域">
      <el-option label="區域一" value="shanghai"></el-option>
      <el-option label="區域二" value="beijing"></el-option>
    </el-select>
  </el-form-item>
  <el-form-item label="活動時間">
    <el-col :span="11">
      <el-date-picker type="date" placeholder="選擇日期" v-model="form.date1" style="width: 100%;"></el-date-picker>
    </el-col>
    <el-col class="line" :span="2">-</el-col>
    <el-col :span="11">
      <el-time-picker type="fixed-time" placeholder="選擇時間" v-model="form.date2" style="width: 100%;"></el-time-picker>
    </el-col>
  </el-form-item>
  <el-form-item label="即時配送">
    <el-switch v-model="form.delivery"></el-switch>
  </el-form-item>
  <el-form-item label="活動性質">
    <el-checkbox-group v-model="form.type">
      <el-checkbox label="美食/餐廳線上活動" name="type"></el-checkbox>
      <el-checkbox label="地推活動" name="type"></el-checkbox>
      <el-checkbox label="線下主題活動" name="type"></el-checkbox>
      <el-checkbox label="單純品牌曝光" name="type"></el-checkbox>
    </el-checkbox-group>
  </el-form-item>
  <el-form-item label="特殊資源">
    <el-radio-group v-model="form.resource">
      <el-radio label="線上品牌商贊助"></el-radio>
      <el-radio label="線下場地免費"></el-radio>
    </el-radio-group>
  </el-form-item>
  <el-form-item label="活動形式">
    <el-input type="textarea" v-model="form.desc"></el-input>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" @click="onSubmit">立即創建</el-button>
  </el-form-item>
</el-form>
<script>
  new Vue({
    el: '#app',
    data:{
      form: {
        name: '',
        region: '',
        date1: '',
        date2: '',
        delivery: false,
        type: [],
        resource: '',
        desc: ''
      },
      //定義校驗規則
      rules: {
        name: [
          { required: true, message: '請輸入活動名稱', trigger: 'blur' },
          { min: 3, max: 5, message: '長度在 3 到 5 個字符', trigger: 'blur' }
        ],
        region: [
          { required: true, message: '請選擇活動區域', trigger: 'change' }
        ]
      }
    },
    methods:{
      onSubmit() {
        console.log(this.form);
        //validate:對整個表單進行校驗的方法,參數為一個回調函數。
        //該回調函數會在校驗結束后被調用,並傳入兩個參數:是否校驗成功和未通過校驗的字段。
        this.$refs['form'].validate((valid) => {
          if (valid) {
            alert('submit!');
          } else {
            console.log('error submit!!');
            return false;
          }
        });
      }
    }
  })
</script>

視頻地址:https://www.bilibili.com/video/BV1Bo4y117zV


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM