JAVAWeb项目基于mvc简单框架应用

主要流程：
1.前端页面ajax发送请求-->
2.servlet接受请求读取application.properties文件-->
3.映射器加载所有方法-，根据注解找到方法并执行-->
4.控制层-->
5.数据修改与访问并返回结果-->
6.业务逻辑层处理数据-->回到映射器，返回注解类型与结果-->
7.返回servlet,判断消息类型，返回结果-->
8.前端接受到数据结果，并显示

一.搭建mvc框架

1.创建application.properties用户存放各种操作类的类目录地址

例.

#配置每一个处理请求的类，每个类包含0-n个处理请求的方法
#用于管理员操作的类
admin=com.xxx.controller.AdminControllor

2.创建自定义注解，设计返回类型

responseBody，返回字符串

public @interface ResponseBody {
    String value();
}

ResponseView，返回重定向地址

public @interface ResponseView {
    String value();
}

3.创建枚举，列举返回数据类型。

public enum ResponseType {
    TEXT,VIEW;
}

4.编写servlet,传递发送交互的信息

public class DispatcherServlet extends HttpServlet {
    @Override
    public void init(ServletConfig config) throws ServletException {
        String  path = config.getInitParameter("contentConfigLocation"); // 加载配置文件
        InputStream is = DispatcherServlet.class.getClassLoader().getResourceAsStream(path); // 读取配置文件
        HandlerMapping.load(is);
    }

    @Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        String uri = req.getRequestURI();
        HandlerMapping.MVCMapping mapping = HandlerMapping.get(uri);
        if (mapping == null){
            resp.sendError(404,"MVC:映射地址不存在"+uri);
            return;
        }
        Object ob = mapping.getObj();
        Method me = mapping.getMethod();
        Object result = null;
        try {
           result = me.invoke(ob,req,resp);
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        } catch (InvocationTargetException e) {
            e.printStackTrace();
        }
        switch (mapping.getType()){
            case TEXT:
                resp.getWriter().write((String)result);
                break;
            case VIEW:
                resp.sendRedirect((String)result);
                break;
        }
    }
}

5.设计映射器，包含处理网址与方法之间的关系

private static Map<String,MVCMapping> data = new HashMap<>();
    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();
        }
        //获取配置文件中描述的一个个类
        Collection<Object> values = ppt.values();
        for(Object cla:values){
            String className = (String) cla;
            try {
                //加载配置文件中每一个类，并创建这个类的对象
                Class c = Class.forName(className);
                Object ob = c.getConstructor().newInstance();   //调用无参构造函数，创建对象
                //获取这个类的所有方法
                Method[] methods = c.getMethods();
                for (Method m:methods){
                    Annotation[] as = m.getAnnotations();
                    if (as != null){
                        for(Annotation annotation:as){
                            if (annotation instanceof ResponseBody){
                                //返回字符串
                                MVCMapping mapping = new MVCMapping(ob,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(ob,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;
        }
    }
}

6.设计传递的数据的数据格式

public class Message {
    //{status:0,resule:"",data:{}}
    //状态码 0表示成功 -1表示失败
    private int status;
    //消息类容
    private String result;
    //消息所携带的一组数据
    private Object data;

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

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

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

    public Message() {
    }


    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;
    }
}

二.编写业务逻辑层，和数据层

1.创建实体类，Dao层，service层，建立数据库连接池

三.视图层处理

1…编写前端ajax交互部分，实现数据的传递
已管理员登录为例

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="assets/css/layui.css">
    <link rel="stylesheet" href="assets/css/login.css">
    <link rel="icon" href="/favicon.ico">
    <title>XXX管理后台</title>
</head>
<body class="login-wrap">
    <div class="login-container">
    	<h3>XXX后台管理</h3>
        <form class="login-form" action="index.html">
            <div class="input-group">
                <input type="text" id="username" class="input-field">
                <label for="username" class="input-label">
                    <span class="label-title">用户名</span>
                </label>
            </div>
            <div class="input-group">
                <input type="password" id="password" class="input-field">
                <label for="password" class="input-label">
                    <span class="label-title">密码</span>
                </label>
            </div>
            <button type="button" class="login-button">登录<i class="ai ai-enter"></i></button>
        </form>
    </div>
</body>
<script src="assets/layui.js"></script>
<script src="js/index.js" data-main="login"></script>
<script src="js/login.js" data-main="login"></script>
<script src="../qrcode/jquery2.1.4.js"></script>
<script src="../layer/layer.js"></script>

<script>
    $(function(){
        $(".login-button").click(function(){
            var username = $("#username").val();
            var password = $("#password").val();
            //1.    先使用layer，弹出load（提示加载中...）
            var windowId = layer.load();

            //2.    ajax与服务器交互
            $.post("/admin/login.do",{username:username,password:password},function(data){
                console.log(data);
                //3.    关闭load窗口
                layer.close(windowId);
                //4.    将服务器回复的结果进行显示
                layer.msg(data.result);
                if(data.status == 0){
                    //跳转到主页location.assign("/admin/index.html");
                }
                //
            },"JSON");
        });
    });
</script>
</html>

关键部分

<script>
    $(function(){
        $(".login-button").click(function(){
            var username = $("#username").val();//或取登录用户名
            var password = $("#password").val();// 或取洪湖密码
            //1.    先使用layer，弹出load（提示加载中...）
            var windowId = layer.load();

            //2.    ajax与服务器交互
            $.post("/admin/login.do",{username:username,password:password},function(data){
                console.log(data);
                //3.    关闭load窗口
                layer.close(windowId);
                //4.    将服务器回复的结果进行显示
                layer.msg(data.result);
                if(data.status == 0){
                    //跳转到主页
                  location.assign("/admin/index.html");
                }
            },"JSON");

        });
    });
</script>

2…编写控制层，绑定页面和方法的关系，

public class AdminControllor {
    private static BaseAdminService bas = new AdminServiceImpl();
    @ResponseBody("/admin/login.do")
    public String login(HttpServletRequest req, HttpServletResponse resp) {
        // 接收参数
        String username = req.getParameter("username");
        String password = req.getParameter("password");
        // 调用service 获取结果
        boolean result = bas.login(username,password);
        Message message = null;
        if (result){
            message = new Message(0,"登录成功");
            //登录时间和IP更新
            Date date = new Date();
            String ip = req.getRemoteAddr();
            bas.updateLoginTimeAndIp(username,date,ip);//更新登录信息
            User u = new User();
            req.getSession().setAttribute("adminUserName",username);
        }else {
            message = new Message(-1,"登录失败");
        }
        // 将数据转换为json
        String json = JSONUTIL.toJSON(message);
        System.out.println(json);
        return json;
    }
    @ResponseBody("/admin/logout.do")
    public String logout(HttpServletRequest req, HttpServletResponse resp){
        req.getSession().removeAttribute("adminUserName");
        Message mg = new Message();
        mg.setStatus(0);
        return JSONUTIL.toJSON(mg);
    }

}

四.封装要使用的jdk内置对象，以方便调用

8.编写个各种的工具类，以方便编程，

如：JSON,日期格式转换，
随机数获取，
以及设计到短信发送的外部api实现等等。

9.设计过滤器，以达到控制访问权限的目的

public class AccessControlFilter implements Filter {
    public void destroy() {
    }

    public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws ServletException, IOException {
       //
        HttpServletRequest request = (HttpServletRequest) req;
        HttpServletResponse response = (HttpServletResponse) resp;
        String userName = UserUtil.getUserName(request.getSession());
        if(userName!= null){
            chain.doFilter(req, resp);
        }else
            response.sendError(404,"权限不足");

    }

    public void init(FilterConfig config) throws ServletException {

    }

}

五.总结：

设计到的知识
Tomcat、ServletConfig、ServletContext、
Servlet、HttpServletRequest、
HttpServletResponse、Cookie、
Session、JSP、Filter、Listener、JSP、AJAX、
前后端分离

这基本上就是一个简单基于MVC框架的一个简单的应用，实现前后端的分离。关键使用了ServletConfig、ServletContext技术，相比传统的MVC框架，少了大量的servlet的创建，节省代码量。

有什么有问题的地方，欢迎大家指出，学习路上一起加油。