java资料收集IT课程分享Java 杂谈

SSM + easyUI 搭建简易的人事管理系统

2017-06-16  本文已影响770人  蓝桥云课

说明:文章内容全部截选自实验楼项目教程【SSM + easyUI 搭建简易的人事管理系统】的前两节内容~

系统分析

一、实验介绍

项目采用 SSM(Spring + Spring MVC + MyBatis)框架 + easyUI 来开发一个比较简易的人事管理系统,让同学们能够通过实际项目掌握 SSM 项目的开发。在开始实验前,请同学们务必已经掌握 Spring, Spring MVC, MyBatis, easyUI, javaScript 以及 html 等方面的基础知识。

1.1 实验内容

本节课程主要对要开发的人事管理系统进行系统分析,主要包括系统结构、功能分析和开发技术。

1.2 实验知识点

1.3 课程来源

本课程主要来自两个地方:

在这里对上述的作者,特别是 ZHENFENG13 表示由衷的感谢。

1.4 代码获取

你可以在Xfce终端下通过下面命令将实验的完整工程项目下载到实验楼环境中,作为参照对比进行学习。

wget http://labfile.oss.aliyuncs.com/courses/824/hrms.tar

注: Maven 的配置,请参考第二节环境搭建。导入 Maven 工程时出现问题可参考第十二节附录:项目工程导入及问题解决进行解决,其中也包括项目开发过程中可能会遇到的问题。

二、实验步骤

2.1 系统功能结构

本人事管理系统主要用于实验楼内部,主要包括如下几个模块:

此处输入图片的描述

整个系统包含上述的几个模块,每个模块又包括多个功能:

  1. 系统管理:添加管理员、删除管理员、修改管理员和查询管理员(全部查询和按用户名模糊查询)
  2. 部门管理:添加部门、删除部门、修改部门和查询部门(全部查询和按部门名称模糊查询)
  3. 职位管理:添加职位、删除职位、修改职位和查询职位(全部查询和按职位名称模糊查询)
  4. 员工管理:添加员工、删除员工、修改员工和查询员工(全部查询和按员工编号、员工姓名、部门、职位和性别模糊查询)
  5. 公告管理:添加公告、删除公告、修改公告和查询公告(全部查询和按公告标题模糊查询)

2.2 开发技术

2.3 系统结构

本系统采用的是 Java EE 分层结构:

此处输入图片的描述

2.4 预期效果

登录页面:

此处输入图片的描述

系统主页:

此处输入图片的描述

功能模块页面:

此处输入图片的描述

三、实验总结

本节课程主要对人事管理系统的系统结构和功能进行了分析,下一节我们将完成项目环境的搭建。

项目环境搭建

一、实验介绍

1.1 实验内容

本节课程主要用 Maven 搭建项目环境,并添加所需的 jar 包。

1.2 实验知识点

1.3 实验环境

二、项目文件结构

此处输入图片的描述
此处输入图片的描述
此处输入图片的描述
此处输入图片的描述

三、实验步骤

3.1 Maven 环境搭建

请打开实验环境桌面上的 Xfce ,输入:

wget http://labfile.oss.aliyuncs.com/courses/33/apache-maven-3.3.9-bin.tar.gz

获取 Maven 最新安装包。
然后解压,继续输入:

tar -zvxf apache-maven-3.3.9-bin.tar.gz

接下来,部署,继续输入:

sudo gedit /etc/profile

用 gedit 编辑器打开 profile 文件,修改 Path 。

在 profile 文件的最后输入:

#set Maven environment
export MAVEN_HOME=/home/shiyanlou/apache-maven-3.3.9
export PATH=${MAVEN_HOME}/bin:${PATH}

设置好 MAVEN_HOME 和 PATH 之后,保存退出。

然后输入:

source /etc/profile

使操作立即生效。

至此,此 Maven 安装完成,继续输入:

mvn -v

显示如图,则安装成功。

此处输入图片的描述

3.2 导入 Maven 项目所需的包

由于 Maven 新建项目需要很多包,首先会扫描本地仓库,如果没有则需要联网,在中央仓库下载到本地仓库。我们已经把本次项目需要的包已经打包传到服务器上,现在,我们只需要从实验楼下载所要的包,并安放到正确的位置即可。

仍旧在 Xfce 中,输入:

wget http://labfile.oss.aliyuncs.com/courses/824/res.tar.gz

然后,解压:

tar -zxvf res.tar.gz

解压完成后,生成的 .M2 文件夹和之前我们解压的 apache-maven-3.3.9 同在目录: /home/shiyanlou/ 下。已知,默认的 maven 本地仓库在 /home/shiyanlou/.m2/ 下。

.m2 文件夹的默认是隐藏文件夹,若要查看,请点击 视图 ,点击: 显示隐藏文件

此处输入图片的描述

3.3 创建 Maven 工程

打开 eclipse ,鼠标右键 New -> other ,如图:

此处输入图片的描述

在里面可以找到 Maven 选项卡,点击 Maven Project , 点击 Next ,如图:

此处输入图片的描述

勾选 Create a simple project

此处输入图片的描述

点击 Next。

此处输入图片的描述

填写:

点击 Finish,完成创建。

此处输入图片的描述

注:如果是直接下载的 Maven 仓库,这里会报错。

此处输入图片的描述

解决办法:右键选中该问题, 选择 Quick Fix,点击 Finish

此处输入图片的描述

为了能在 Tomcat 上发布,我们接着完成下面的步骤。

右击项目,选择 properties,找到 Project Facets,点击右侧的链接 Convert to faceted form...

此处输入图片的描述

勾选 Dynamic Web Module 后,依次点击 ApplyOK

此处输入图片的描述

这样我们项目目录下多了 WebContent 的目录。

此处输入图片的描述

然后将 WebContent 目录下的 META-INFWEB-INF 直接剪切到 src/main/webapp 下,并将 WebContent 目录删除。

此处输入图片的描述

右击项目,选择 properties,选择 Deployment Assembly

此处输入图片的描述

选择 WebContent,并将它 remove 掉。

此处输入图片的描述

接着重新指定一个 web 路径,点击 Add,选择 Folder,点击 Next。

此处输入图片的描述

src/main 下找到 webapp 目录,点击 Finish。

此处输入图片的描述

继续点击 Add ,选择 Java Build Path Entries

此处输入图片的描述

将当前 build path 指向 Maven Dependency

此处输入图片的描述

点击 Apply 和 OK。

最后在 src/main/webapp/WEB-INF 目录下新建一个 web.xml 文件

此处输入图片的描述

注:如果后面出现 An error has occurred. See error log for more details. Java.lang.NullPointerException 的错误,删除 web.xml 文件重新建立。

警告消除

创建好 Maven 工程后发现有警告:

此处输入图片的描述

解决方法:

右键项目 hrms,选择 Build Path -> Configure Build Path

此处输入图片的描述

在弹出的窗口中选择 Java Build Path -> Librariesremove 掉 J2SE-1.5 版本的 Library;

此处输入图片的描述

然后点击 Add Library..

此处输入图片的描述

在弹出的窗口中选择 JRE System Library

此处输入图片的描述

接着点击 Installed JREs...

此处输入图片的描述

在新窗口选择 java 7 的版本,点击 OK;

此处输入图片的描述

最后点击 Finish 即可消除警告。

此处输入图片的描述

3.4 配置 pom.xml

注:如果未通过 3.2 的命令下载 Maven 项目所需的包到本地,需进行下面的步骤添加 ueditor 的 jar 包,其他 jar 包的下载也需联网进行。

由于我们项目中使用到的 ueditor 编辑器的 jar 包不存在远程和本地仓库,项目的 pom.xml 中无法添加依赖,导致无法使用 mvn 打包发布,我们需要手动添加到本地仓库。

添加方法:

打开终端输入下面的命令获得 ueditor 的 jar 包,保存到目录 /home/shiyanlou/ 下;

http://labfile.oss.aliyuncs.com/courses/824/ueditor-1.1.2.jar

在终端中输入命令进行 install

mvn install:install-file -Dfile=/home/shiyanlou/ueditor-1.1.2.jar -DgroupId=com.baidu -DartifactId=ueditor -Dversion=1.1.2 -Dpackaging=jar

这样就将 ueditor 的 jar 包手动添加到了本地仓库。

打开 pom.xml 文件,添加项目所需 jar 的依赖,代码如下:

<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.shiyanlou</groupId>
    <artifactId>hrms</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <packaging>jar</packaging>

    <name>hrms</name>
    <url>http://maven.apache.org</url>

    <properties>

        <jdbc.driver.version>5.1.25</jdbc.driver.version>
        <mybatis.version>3.3.0</mybatis.version>
        <mybatis-spring.version>1.2.2</mybatis-spring.version>
        <spring.version>4.2.0.RELEASE</spring.version>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <autoconfig-plugin-version>1.2</autoconfig-plugin-version>
        <maven.test.skip>true</maven.test.skip>
    </properties>

    <dependencies>
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>4.10</version>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-test</artifactId>
            <version>${spring.version}</version>
            <scope>test</scope>
        </dependency>

        <!-- commons 包依赖 -->
        <dependency>
            <groupId>commons-logging</groupId>
            <artifactId>commons-logging</artifactId>
            <version>1.1.3</version>
        </dependency>
        <dependency>
            <groupId>commons-collections</groupId>
            <artifactId>commons-collections</artifactId>
            <version>3.2.1</version>
        </dependency>
        <dependency>
            <groupId>commons-io</groupId>
            <artifactId>commons-io</artifactId>
            <version>2.4</version>
        </dependency>
        <dependency>
            <groupId>commons-lang</groupId>
            <artifactId>commons-lang</artifactId>
            <version>2.6</version>
        </dependency>
        
        <!-- 数据库包依赖 -->
        <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>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>${jdbc.driver.version}</version>
            <scope>runtime</scope>
        </dependency>
        
        <!-- 日志包依赖 -->
        <dependency>
            <groupId>org.slf4j</groupId>
            <artifactId>slf4j-api</artifactId>
            <version>1.7.7</version>
        </dependency>
        <dependency>
            <groupId>org.slf4j</groupId>
            <artifactId>slf4j-log4j12</artifactId>
            <version>1.7.7</version>
        </dependency>
        <dependency>
            <groupId>log4j</groupId>
            <artifactId>log4j</artifactId>
            <version>1.2.16</version>
        </dependency>
        
        <!-- aspectj 包依赖 -->
        <dependency>
            <groupId>org.aspectj</groupId>
            <artifactId>aspectjrt</artifactId>
            <version>1.7.4</version>
        </dependency>
        <dependency>
            <groupId>org.aspectj</groupId>
            <artifactId>aspectjweaver</artifactId>
            <version>1.7.4</version>
        </dependency>
        
        <!-- Spring 依赖 -->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-core</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-context-support</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-tx</artifactId>
            <version>${spring.version}</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>${spring.version}</version>
        </dependency>

        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>3.1.0</version>
            <scope>provided</scope>
        </dependency>
        <dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>jsp-api</artifactId>
            <version>2.2</version>
        </dependency>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>jstl</artifactId>
            <version>1.2</version>
        </dependency>
    
        <dependency>
            <groupId>net.sf.json-lib</groupId>
            <artifactId>json-lib</artifactId>
            <version>2.2.3</version>
            <classifier>jdk15</classifier>
        </dependency>

        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind</artifactId>
            <version>2.5.3</version>
        </dependency>

        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>fastjson</artifactId>
            <version>1.2.4</version>
        </dependency>

        <!-- ueditor 依赖 -->
        <dependency>
            <groupId>commons-fileupload</groupId>
            <artifactId>commons-fileupload</artifactId>
            <version>1.3.1</version>
        </dependency>
        <dependency>
            <groupId>commons-codec</groupId>
            <artifactId>commons-codec</artifactId>
            <version>1.9</version>
        </dependency>
        <dependency>
            <groupId>org.json</groupId>
            <artifactId>json</artifactId>
            <version>20160810</version>
        </dependency>
        <dependency>
            <groupId>com.baidu</groupId>
            <artifactId>ueditor</artifactId>
            <version>1.1.2</version>
        </dependency>

        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>druid</artifactId>
            <version>1.0.24</version>
        </dependency>
    </dependencies>

</project>

注:如果没有通过 3.2 节下载 jar 包到本地仓库,则会联网下载配置的依赖 jar。

四、实验总结

到这里我们就完成了整个项目的环境搭建,包括用 Maven 引入 jar 包,下一节我们将完成数据库的设计实现。

参考链接

最后:

以上所有内容均截选自实验楼项目教程【SSM + easyUI 搭建简易的人事管理系统】的前两节内容,该教程总共12节内容,剩下内容如下:

如果想要查看全部内容,点击【SSM + easyUI 搭建简易的人事管理系统】即可~

上一篇 下一篇

猜你喜欢

热点阅读