2020年10月24日,一个特别的日子,1024程序员日在这个值得纪念的日子里,从零开始构建一个客户管理系统。废话少说开始今天的正文。
一.搭建所需的环境
这里选取的服务器是tomcat服务器,数据库为MySQL数据库,具体配置的流程请参考以下两篇文章 :大佬的Mysql教程,本人的Tomcat配置教程
配置完成
二.创建项目
关于项目创建如果有不清楚的可以看我的这篇文章(JavaWeb——如何创建一个Tomcat骨架的JavaWeb项目),里面详细的介绍了,如何创建一个基于Tomcat的javaweb项目,下文我就不在此赘述具体步骤。
第一步: 创建maven项目
第二步: 指定maven本地仓库
第三步: 导入坐标到pom.xml文件中,并在main目录下创建java和resources文件夹 并设置第一个为source root,第二个为:resources root, 设置方法:右键文件夹 -》make directory as。
<! --坐标为:-->
<dependencies>
<!--jstl标签库-->
<dependency>
<groupId>jstl</groupId>
<artifactId>jstl</artifactId>
<version>1.2</version>
</dependency>
<!--junit单元测试-->
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>4.11</version>
<scope>test</scope>
</dependency>
<!--mysql驱动-->
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<version>5.1.32</version>
</dependency>
<!--单元测试驱动-->
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>4.12</version>
</dependency>
<!--druid连接池:德鲁伊,阿里巴巴公司-->
<dependency>
<groupId>com.alibaba</groupId>
<artifactId>druid</artifactId>
<version>1.0.9</version>
</dependency>
<!--jdbcTemplate-->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-core</artifactId>
<version>4.1.2.RELEASE</version>
<scope>compile</scope>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-jdbc</artifactId>
<version>4.1.2.RELEASE</version>
<scope>compile</scope>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-tx</artifactId>
<version>4.1.2.RELEASE</version>
<scope>compile</scope>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-beans</artifactId>
<version>4.1.2.RELEASE</version>
<scope>compile</scope>
</dependency>
<dependency>
<groupId>commons-logging</groupId>
<artifactId>commons-logging</artifactId>
<version>1.1.1</version>
<scope>compile</scope>
</dependency>
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>javax.servlet-api</artifactId>
<version>3.1.0</version>
</dependency>
<dependency>
<groupId>log4j</groupId>
<artifactId>log4j</artifactId>
<version>1.2.12</version>
</dependency>
<!--jeson格式包-->
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-annotations</artifactId>
<version>2.10.3</version>
</dependency>
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-core</artifactId>
<version>2.10.3</version>
</dependency>
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>2.10.3</version>
</dependency>
</dependencies>
第四步: 将配置文件druid.properties和log4j.properties导入到resources中,并JDBCUtils.java类粘贴到java文件夹下的customerMangement.utils目录下。
第五步: 将10wapapp/web-info/Web.xml文件添加3.0配置,保证整个项目el表达式可用。
<web-app xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
version="3.0">
第六步: 配置tomcat并测试是否可以使用
- 单击工具栏中的配置区域
- 添加tomcat服务器
- 设置名称、tomcat所在路径及重启服务器后默认启动的浏览器
- 添加要运行的项目,并将项目根目录设置为:/
- 点击运行,尝试运行,运行出现Hello World!
项目搭建完成!
三.导入静态文件
项目创建成功,我们接下来要把静态文件导入到文件中,话不多说咱们开动。
首先将静态文件拷贝到webapp文件夹下,效果如下图所示:
之后,创建login.jsp和customer.jsp页面,并将html代码复制到相应的jsp文件中。
静态页面搭建完成
运行一下看一看效果
emmm,效果看起来还不错。别急,这才是第一步,这些还只是静态页面里面还没有东西,我们接下来的任务就是把他一步一步的填充,把他从表皮变成一个真正的网站。
**革命尚未成功,同志仍需努力**