JavaWeb——从零开始构建一个客户管理系统(一)

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并测试是否可以使用

  1. 单击工具栏中的配置区域
    在这里插入图片描述
  2. 添加tomcat服务器
    在这里插入图片描述
  3. 设置名称、tomcat所在路径及重启服务器后默认启动的浏览器
    在这里插入图片描述
  4. 添加要运行的项目,并将项目根目录设置为:/
    在这里插入图片描述
    在这里插入图片描述
  5. 点击运行,尝试运行,运行出现Hello World!
    在这里插入图片描述
    在这里插入图片描述

项目搭建完成!

三.导入静态文件

项目创建成功,我们接下来要把静态文件导入到文件中,话不多说咱们开动。

首先将静态文件拷贝到webapp文件夹下,效果如下图所示:
在这里插入图片描述
之后,创建login.jsp和customer.jsp页面,并将html代码复制到相应的jsp文件中。

静态页面搭建完成

运行一下看一看效果在这里插入图片描述

emmm,效果看起来还不错。别急,这才是第一步,这些还只是静态页面里面还没有东西,我们接下来的任务就是把他一步一步的填充,把他从表皮变成一个真正的网站。**革命尚未成功,同志仍需努力**

猜你喜欢

转载自blog.csdn.net/missingtheway/article/details/109256857
今日推荐