Java开发第一个项目-----快递e栈之前期准备篇

快递e栈

学了这么久java，终于开始做第一个交互型的项目了0.0

一、背景介绍

随着互联网和通信技术的高速发展，使电子商务迅速普及，网购成为人们购物的重要手段之一。据统计2019年双十一，11月11日~16日，受电商平台集中促销影响，业务量达全年高峰，6天内共处理邮(快)件23.09亿件。

疫情期间配送快递成了一件难事。疫情防控已经趋于常态化，很多小区出台了新的治安管理条例，开始禁止快递人员进入。这给民众收发快件造成了极大的不便，因进不去小区，快递人员只能在小区门口周边摆摊设点，也影响了小区周边环境。

除了快递，外卖也一样面临相同的问题。除了小区，写字楼、校园也面临着相同的问题。正是基于对疫情期间配送最后一公里深刻的认识，我们探索出一条解决之道，那就是社区快递e栈（类似快递柜）。

二、项目目的

1. 锻炼动手能力
2. 融会贯通JavaWeb技术
3. 体验项目开发流程
4. 做出上线级别的微信端+JavaWeb后端项目
5. 为框架阶段打下前后端交互的基础

三、项目涉及技术点

html、css、js、Jquery、bootstrap、layui、layer、ajax、mysql、tomcat、servlet、filter、listener、jsp、公有云服务器。

四、项目验收标准 (javaweb+微信客户端)

五、前期配置工作和MVC框架

1、创建Javaweb项目

2、测试Tomcat

（1）启动

（2）修改配置

配置Tomcat

（3）访问成功

（4）为什么控制台输出的信息是乱码

原因是Tomcat默认的编码方式是UTF-8的方式，修改成GBK方式就好了，在Tomcat的conf文件夹下的logging.properties文件里面第47行。

3、创建servlet

（1）创建一个servlet

（2）设置映射地址：web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
    <servlet>
        <servlet-name>DispatcherServlet</servlet-name>
        <servlet-class>com.yxm.mvc.DispatcherServlet</servlet-class>
        <!--启动时加载这个配置文件-->
        <init-param>
            <param-name>contentConfigLocation</param-name>
            <param-value>application.properties</param-value>
        </init-param>
        <!--当项目启动时就去加载这个servlet-->
        <load-on-startup>0</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>DispatcherServlet</servlet-name>
        <!--所有以.do结尾的请求都去找DispatcherServlet这个类去执行操作-->
        <url-pattern>*.do</url-pattern>
    </servlet-mapping>
</web-app>

（3）配置文件

编写application.properties这个配置文件，在src下右键创建file文件，命名为application.properties

（4）代码

完善之前写过的DispatcherServlet类

package com.yxm.mvc;

import javax.servlet.ServletConfig;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.InputStream;
import java.lang.reflect.InvocationTargetException;
import java.lang.reflect.Method;
import java.util.Properties;

public class DispatcherServlet extends javax.servlet.http.HttpServlet {

    @Override
    public void init(ServletConfig config) throws ServletException {
        //传过来的config参数是我们的配置文件
        //获取配置文件中的参数
        //通过path这个路径去加载输入流进来，然后获取每一个键值对
        String path = config.getInitParameter("contentConfigLocation");
        //得到输入流
        InputStream is = DispatcherServlet.class.getClassLoader().getResourceAsStream(path);
        Properties ppt = new Properties();
        HandlerMapping.load(is);
        /*try {
            ppt.load(is);
        } catch (IOException e) {
            e.printStackTrace();
        }*/
    }

    @Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //获取用户请求的uri
        String uri = req.getRequestURI();
        HandlerMapping.MVCMapping mapping = HandlerMapping.get(uri);
        if(mapping == null){
            resp.sendError(404,"自定义MVC，映射地址不存在"+uri);
            return;
        }
        Object obj = mapping.getObj();
        Method method = mapping.getMethod();
        Object result = null;
        try {
            result = method.invoke(obj,req,resp);
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        } catch (InvocationTargetException e) {
            e.printStackTrace();
        }
        //判断mapping的类型
        switch (mapping.getType()){
            case TEXT:
                resp.getWriter().write((String)result);
                break;
            case VIEW:
                resp.sendRedirect((String)result);
                break;
        }
    }
}

（5）枚举对应关系

通过反射，获取注解的情况，在MVC包下新建一个Annotation

com.yxm.mvc包下的ResponseBody.java的代码

package com.yxm.mvc;

import java.lang.annotation.*;

@Target(ElementType.METHOD)
@Retention(RetentionPolicy.RUNTIME)
@Documented
/**
 * 注解的作用：
 * 被此注解添加的方法，会被用于处理请求
 * 方法返回的内容，会以文字形式返回到客户端
 */
public @interface ResponseBody {
    String value();
}

com.yxm.mvc包下的ResponseView.java的代码

package com.yxm.mvc;

import java.lang.annotation.*;

@Target(ElementType.METHOD)
@Retention(RetentionPolicy.RUNTIME)
@Documented
/**
 * 注解的作用：
 * 被此注解添加的方法，会被用于处理请求
 * 方法返回的内容，会直接重定向
 */
public @interface ResponseView {
    String value();
}

效果如下

再创建一个枚举类型：要么是文字，要么是视图

（6）映射器代码

package com.yxm.mvc;

import java.io.IOException;
import java.io.InputStream;
import java.lang.annotation.Annotation;
import java.lang.reflect.Method;
import java.util.Collection;
import java.util.HashMap;
import java.util.Map;
import java.util.Properties;

/**
 * 映射器，包含了大量的网址与方法的对应关系
 */
public class HandlerMapping {
    private static Map<String,MVCMapping> data = new HashMap<>();
    //从data集合中获取网址的get方法
    public static MVCMapping get(String uri){
        return data.get(uri);
    }
    public static void load(InputStream is){
        Properties ppt = new Properties();
        try {
            ppt.load(is);
        } catch (IOException e) {
            e.printStackTrace();
        }
        //取出properties里面的所有的值
        Collection<Object> values = ppt.values();
        for (Object cla:values) {
            String className = (String)cla;
            try {
                //加载配置文件中描述的每一个类
                Class c = Class.forName(className);
                //创建这个类的对象
                Object obj = c.getConstructor().newInstance();
                //获取这个类的所有的方法
                Method[] methods = c.getMethods();
                for (Method m:methods) {
                    //获得所有的注解
                    Annotation[] as = m.getAnnotations();
                    if(as != null){
                        for(Annotation annotation:as){
                            //如果注解的类型是ResponseBody
                            if(annotation instanceof ResponseBody){
                                //说明此方法，用于返回字符串
                                MVCMapping mapping = new MVCMapping(obj,m,ResponseType.TEXT);
                                Object o = data.put(((ResponseBody)annotation).value(),mapping);
                                if(o != null){
                                    //不为空，则表示存在重复的请求地址
                                    throw new RuntimeException("请求地址重复："+((ResponseBody)annotation).value());
                                }
                            }else if(annotation instanceof ResponseView){
                                //说明此方法，用于返回界面
                                MVCMapping mapping = new MVCMapping(obj,m,ResponseType.VIEW);
                                Object o = data.put(((ResponseView)annotation).value(),mapping);
                                if(o != null){
                                    //不为空，则表示存在重复的请求地址
                                    throw new RuntimeException("请求地址重复："+((ResponseView)annotation).value());
                                }
                            }
                        }
                    }
                }
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
    }

    /**
     * 映射对象，对每一个对象封装一个方法，用于处理请求
     */
    public static class MVCMapping{
        private Object obj;
        private Method method;
        private ResponseType type;

        public MVCMapping() {
        }

        public MVCMapping(Object obj, Method method, ResponseType type) {
            this.obj = obj;
            this.method = method;
            this.type = type;
        }

        public Object getObj() {
            return obj;
        }

        public void setObj(Object obj) {
            this.obj = obj;
        }

        public Method getMethod() {
            return method;
        }

        public void setMethod(Method method) {
            this.method = method;
        }

        public ResponseType getType() {
            return type;
        }

        public void setType(ResponseType type) {
            this.type = type;
        }
    }
}

最后如图

4、工具整理

（1）引入druid的连接池和MySQL的jar文件

在web—>WEB-INF文件夹下新建一个lib文件夹，把所需要的jar文件粘贴进去

（2）把druid的配置文件粘贴到src文件夹下

双击打开这个配置文件
被红框圈起来的部分是部署在我们MySQL的本地数据库的名称，这个要手动创建一个名字叫做javaweb的数据库，源文件里写的是test,我把它改成了我数据库中建好的一个数据库的名字，password是数据库的密码，因为我的数据库没有密码，所以没有写。然后一堆乱七八糟的东西是注释，不需要动。

（3）引入DruidUtil类

在src文件夹下新建一个叫做com.yxm.util的文件夹，把类粘贴进来

红线报错的原因是还没有对lib文件夹下的jar包进行添加

（4）对jar包进行添加

删掉自动创建的classes，我们自己添加

然后成了这样

（5）然后去Modules

发现已经自行引入了，所以点击OK就可以了

5、接下来我们去写一些工具类

都放到工具包中：src–>com.yxm.util

（1）DateFormatUtil

package com.yxm.util;

import java.text.SimpleDateFormat;
import java.util.Date;

/**
 * 用于格式化日期
 * 输出形式：yyyy-MM-dd HH:mm:ss
 */
public class DateFormatUtil {
    private static SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");

    public static String format(Date date){
        return format.format(date);
    }
}

（2）json格式转换

package com.yxm.util;

import com.google.gson.Gson;

public class JSONUtil {
    private static Gson g;
    public static String toJSON(){
        return g.toJson(g);
    }
}

6、定义数据

src–>com.yxm.bean.Massage

package com.yxm.bean;

public class Massage {
    //状态码：0表示成功，-1表示失败
    private int status;
    //消息内容
    private String result;
    //消息携带的一组数据
    private Object data;

    public Massage() {
    }

    public Massage(int status, String result) {
        this.status = status;
        this.result = result;
    }

    public Massage(String result) {
        this.result = result;
    }

    public Massage(int status) {
        this.status = status;
    }

    public Massage(int status, String result, Object data) {
        this.status = status;
        this.result = result;
        this.data = data;
    }

    public int getStatus() {
        return status;
    }

    public void setStatus(int status) {
        this.status = status;
    }

    public String getResult() {
        return result;
    }

    public void setResult(String result) {
        this.result = result;
    }

    public Object getData() {
        return data;
    }

    public void setData(Object data) {
        this.data = data;
    }
}