Java Web——课程设计《仿微信朋友圈WebAPP》

已于 2023-12-21 11:27:56 修改
阅读量2.7k 收藏 43
点赞数 3
分类专栏： Java Web 文章标签： java 前端 课程设计 web app 微信
于 2023-04-07 17:50:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Liwo4418/article/details/130016351
版权

一、设计题目

仿微信朋友圈WebAPP

二、设计的主要内容

1.目的：

（1）掌握Servlet完成数据处理使用；

（2）掌握使用C3P0数据源；

（3）掌握前后端数据交互使用ajax

 (4) 理解文件上传Apache-fileUpload使用

 (5) 掌握操作mysql使用dbUtils

（6）掌握使用Kaptcha实现图片验证

2.功能要求：

仿微信朋友圈WebAPP系统，要实现用户模块、好友模块、朋友圈模块等功能。

（1）用户模块功能：实现用户注册、用户登录退出、图像修改、昵称修改、用户密码修改等。

（2）好友模块：实现好友列表、好友搜索、好友申请、好友验证添加等。

（3）朋友圈模块功能：朋友圈图文发表、图文展示、下拉刷新、上拉加载、图片轮播预览、朋友圈删除等。

3.实施步骤：

（1）设计和完成一个仿微信朋友圈项目，设计4张数据库表，实现11个接口和一个filter过滤器；

（2）使用mui完成前端移动端APP界面布局

（3）利用myqsl完成数据库构建

（4）利用kaptcha、Apache-fileupload、C3p0等依赖完成功能开发

（5）实现每个功能模块代码，代码规范缩进，必要处加上注释，增强其可读性；

（6）设计结束后上交作品源代码。

三、提供的原始资料

1.项目数据库及数据表设计

2、项目页面

3、Servlet接口设计

3-1图片验证码接口

3-2、登录注册接口

3-3、文件上传接口

 

3-4、用户信息修改接口

3-5、好友申请接口

3-6、好友申请列表

3-7、添加或拒绝好友申请

3-8、好友列表接口

3-9、发送朋友圈接口

3-10、好友申请接口

3-11、朋友圈信息展示接口

 

四、设计要求：

项目作品给分标准：

数据库设计合理：20分

接口设计及Servlet实现合理：60分

前端界面设计完整：20分

项目实现说明：

（1）使用mui完成前端移动端APP界面布局；

（2）利用myqsl完成数据库构建；

（3）利用kaptcha、Apache-fileupload、C3p0等依赖完成功能开发；

（4）利用IDEA集成开发环境编写每个功能模块代码，代码规范缩进，必要处加上注释，增强其可读性。

1.课程设计目的

（1）掌握Servlet完成数据处理使用；

（2）掌握使用C3P0数据源；

（3）掌握前后端数据交互使用ajax

（4）理解文件上传Apache-fileUpload使用

（5）掌握操作mysql使用dbUtils

（6）掌握使用Kaptcha实现图片验证

2.使用的设备

Win10操作系统+JDK软件+IDEA软件+Apache-tomcat软件+MySQL数据库+HBuilderX3.6+chrome浏览器。

3.进度安排

2023年1月2日：仿微信朋友圈系统需求分析、用例模型、系统架构分析、Tomcat安装与配置、Web项目开发环境IDEA的安装与配置、MySQL的安装与配置。

2023年1月3日：数据数据流向图、E-R图绘制、数据库、数据表搭建、仿微信朋友圈系统接口分析。

2023年1月4日：mui基本使用、界面布局设计、基本交互设计、前端数据交互。

2023年1月5日：JDBC原理、kaptcha、Apache-fileupload、C3p0等依赖完成功能开发、接口开发、数据请求、数据渲染、项目整合。

2023年1月6日：项目答辩。

4.系统设计及各模块的功能与实现

系统概述：开发背景，开发工具及相关技术（9分）

开发背景：为了更好的与亲友们联系、分享日常，为此开发小型朋友圈WebApp，以增加亲朋好友之间的亲密度。

开发工具：Windows 10, IntelliJ IDEA, MySQL 8, Maven, Tomcat

相关技术：JDBC原理、kaptcha、Apache-fileupload、C3p0、mui等。

系统分析：需求分析，功能分析，系统流程图（20分）

需求分析：能够进行用户注册和登录功能，能够对个人信息进行管理，添加和删除好友，能够发朋友圈动态，查看好友的朋友圈动态，动态包含图片与文字。

功能分析如图 1所示。

图 1 仿微信朋友圈的WebAPP功能分析

仿微信朋友圈WebAPP系统，要实现用户模块、好友模块、朋友圈模块等功能。

（1）用户模块功能：实现用户注册、用户登录退出、图像修改、昵称修改、用户密码修改等。

（2）好友模块：实现好友列表、好友搜索、好友申请、好友验证添加等。

（3）朋友圈模块功能：朋友圈图文发表、图文展示、下拉刷新、上拉加载、图片轮播预览、朋友圈删除等。

添加或拒绝好友申请流程图如图2所示。

图 2 添加或拒绝好友申请流程图

系统设计：界面设计、接口设计、数据库设计分析及说明（20分）

界面设计：

1.登录页面

登录页面如图 3所示。

图 3 登录页面

2.用户个人界面

用户个人界面如图 4所示。

图 4 用户个人界面

3、用户个人信息管理

用户个人信息管理如图 5所示。

图 5 用户个人信息管理

4、添加朋友界面

添加朋友界面如图 6所示。

图 6 添加朋友界面

5、新的好友界面

新的好友界面如图 7所示。

图 7 新的好友界面

6、好友列表

好友列表如图 8所示。

图 8 好友列表

7、朋友圈界面

朋友圈界面如图 9所示。

图 9 朋友圈界面

8、发送朋友圈动态

发送朋友圈动态如图 10所示。

图 10 发送朋友圈动态

接口设计：

本系统设计了11个Servlet和一个Filter，接口如表 1所示。

表 1 接口总览

FilterAuth

判断用户登录状态

ServletAskFor

提交好友申请接口

ServletAskList

查询好友申请列表接口

ServletCode

提供用户登录界面验证码接口

ServletFendList

查询用户的所有好友接口

ServletHandleAsk

是否同意好友申请接口

ServletLogin

用户登录接口

ServletPostMsg

发朋友圈动态接口

ServletSearch

查找好友接口

ServletShowMsg

朋友圈动态展示接口

ServletUpdate

更改用户信息接口

ServletUpload

处理多文件（图片）上传的接收接口

数据库设计分析及说明：

1、数据库表设计

本系统的数据库一共有4张数据表，分别是f_img, f_msg, f_relation和f_user表，表设计如图 11到图 14所示。

图 11 f_img表设计

图 12 f_msg表设计

图 13 f_relation表设计

图 14 f_user表设计

2、E-R图如图 15所示。

图 15 E-R图设计

系统实现与测试：关键技术（接口）实现，页面截图展示，系统测试用例等（25分）

1、FilterAuth

FilterAuth是用于判断用户登录过期的接口，除了login接口以外所有接口都要实现。先判断用户是否登录过期，如果过期（uid == null）给前端回发消息。原理如图 16所示。

图 16 FilterAuth接口设计

接口实现代码如下。

@WebFilter(urlPatterns = "/user/*") // 表示过滤所有 以/user开头的网络请求
public class FilterAuth implements Filter {
    public void init(FilterConfig config) throws ServletException {
    }

    public void destroy() {
    }

    @Override
    public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws ServletException, IOException {
        // 1、转换请求对象和响应对象
        HttpServletRequest req = (HttpServletRequest) request;
        HttpServletResponse res = (HttpServletResponse) response;
        // 2、监测session中uid
        String uid = (String) req.getSession().getAttribute("uid");
        System.out.println(uid);
        // 3、判断 uid是否存在
        if (uid != null) {
            //存在，登录没有过期，释放请求给后面的 servlet
            chain.doFilter(request, response);
        } else {
            // 不存在，说明登录过期
            HashMap map = new HashMap();
            map.put("statusText", "Unauthorized");
            response.getWriter().write(new Gson().toJson(map));
        }
    }
}

2、ServletAskFor

ServletAskFor是用于提交好友申请接口，原理如图 17所示。

图 17 ServletAskFor接口设计

接口实现代码如下。

@WebServlet(name = "ServletAskFor", value = "/user/askfriend")
public class ServletAskFor extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    }
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 1、设置响应头数据格式
        response.setContentType("text/html;charset=utf-8");
        // 2、创建响应发送数据对象
        ResData res = new ResData();
        // 3、数据操作对象
        QueryRunner qr  = new QueryRunner(new ComboPooledDataSource());
        // 4、接收前端发送过来fenid
        String fenid = request.getParameter("fenid");
        // 5、获取当前登录的用id
        String uid   = (String) request.getSession().getAttribute("uid");
        // 6、sql语句（向f_relation中插入两条数据）
        String sql1 = "insert into f_relation (nowid,fenid,status)values(?,?,2)";
        String sql2 = "insert into f_relation (nowid,fenid,status)values(?,?,0)";
        // 7、执行sql
        try {
            qr.update(sql1, uid,fenid);
            qr.update(sql2, fenid,uid);
            //构建回发消息
            res.setData("1");
            res.setMsg("已申请");
            res.setStatus("200");
            //发送消息给前端
            response.getWriter().write(new Gson().toJson(res));
        } catch (SQLException throwables) {
            throwables.printStackTrace();
        }
    }
}

3、ServletAskList

ServletAskList是查询好友申请列表接口，原理如图 18所示。

图 18 ServletAskList接口设计

接口实现代码如下。

@WebServlet(name = "ServletAskList", value = "/user/newask")
public class ServletAskList extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 1、设置响应头（每个接口都要写）设置回发数据格式
        response.setContentType("text/html;charset=utf-8");
        // 2、创建响应数据对象
        ResData res = new ResData();
        // 3、创建数据库操作对象
        QueryRunner qr = new QueryRunner(new ComboPooledDataSource());
        // 4、获取当前登录用户id
        String uid = (String) request.getSession().getAttribute("uid");
        // 5、查询好友申请列表
        String sql = "select * from f_user where uid in (select fenid from f_relation where nowid = ? and status = 0)";
        // 6、执行
        try {
            List<User> userlist =   qr.query(sql,new BeanListHandler<User>(User.class),uid);
            // 构建回发数据
            res.setStatus("200");
            res.setMsg("查询成功");
            res.setData(userlist);
            //回发数据
            response.getWriter().write(new Gson().toJson(res));
        } catch (SQLException throwables) {
            throwables.printStackTrace();
        }
    }
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    }
}

4、ServletCode

ServletCode是提供用户登录界面验证码接口，使用第三方工具包kaptcha，专门用来生成图片验证码的工具包，生成验证码图片。

接口实现代码如下。

@WebServlet(name = "ServletCode", value = "/code")
public class ServletCode extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //创建一个kaptcha对象
        DefaultKaptcha kaptcha = new DefaultKaptcha();
        //创建一个属性对象
        Properties pro = new Properties();
        //生成4位随机字符串
        pro.setProperty("kaptcha.textproducer.char.length","4");
        //根据创建配置对象
        Config config = new Config(pro);
        //加载配置信息
        kaptcha.setConfig(config);
        //创建随机字符串
        String text = kaptcha.createText();
        //将生成的随机字符串存储再服务端的session中
        request.getSession().setAttribute("code",text);
        //将生成的随机字符串转换图片
        BufferedImage image = kaptcha.createImage(text);
        //向前端发送该图片
        //设置响应头
        try {
            response.setContentType("image/png");
            //创建输出直接流
            ServletOutputStream os = response.getOutputStream();
            //输出图片
            ImageIO.write(image,"png",os);
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
}

5、ServletFendList

ServletFendList是查询用户的所有好友接口，原理如图 19所示。

图 19 ServletFendList接口设计

接口实现代码如下。

@WebServlet(name = "ServletFendList", value = "/user/fenidlist")
public class ServletFendList extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 1、设置响应头（每个接口都要写）设置回发数据格式
        response.setContentType("text/html;charset=utf-8");
        // 2、创建响应数据对象
        ResData res = new ResData();
        // 3、创建数据库操作对象
        QueryRunner qr = new QueryRunner(new ComboPooledDataSource());
        // 4、获取当前登录用户id
        String uid = (String) request.getSession().getAttribute("uid");
        // 5、 查询数据库
        String sql = "select * from f_user  where uid in (select fenid from f_relation where nowid=? and status = 1)";
        // 6、 执行
        try {
            List<User> fendlist = qr.query(sql,new BeanListHandler<User>(User.class),uid);
            // 构建回发给前端的数据
            res.setStatus("200");
            res.setData(fendlist);
            res.setMsg("查询成功");
            // 发送数据
            response.getWriter().write(new Gson().toJson(res));
        } catch (SQLException throwables) {
            throwables.printStackTrace();
        }
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    }
}

6、ServletHandleAsk

ServletHandleAsk是处理好友申请接口，原理如图 20所示。

图 20 ServletHandleAsk接口设计

接口实现代码如下。

@WebServlet(name = "ServletHandleAsk", value = "/user/handask")
public class ServletHandleAsk extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 1、设置响应头（每个接口都要写）设置回发数据格式
        response.setContentType("text/html;charset=utf-8");
        // 2、创建响应数据对象
        ResData res = new ResData();
        // 3、创建数据库操作对象
        QueryRunner qr = new QueryRunner(new ComboPooledDataSource());
        // 4、获取当前登录用户id
        String uid = (String) request.getSession().getAttribute("uid");
        // 5、 获取前端发送过来的fenid type
        String fenid = request.getParameter("fenid");
        String type  = request.getParameter("type");
        // 6、判断type的值
        switch (type){
            case "agree" : // 执行同意
                // 将两条数据的status设置成1
                String sql1 = "update f_relation set status = 1 where nowid=? and fenid =?";
                try {
                    qr.update(sql1,uid,fenid);
                    qr.update(sql1,fenid,uid);
                } catch (SQLException throwables) {
                    throwables.printStackTrace();
                }
                break;
            case "disgree" : // 执行拒绝
                // 将两条数据从f_relation表中删除
                String sql2 = "delete from f_relation where nowid=? and fenid=?";
                try {
                    qr.update(sql2,uid,fenid);
                    qr.update(sql2,fenid,uid);
                } catch (SQLException throwables) {
                    throwables.printStackTrace();
                }
                break;
        }
        // 7、给前端回发消息
        res.setData("1");
        res.setMsg("处理成功");
        res.setStatus("200");
        response.getWriter().write(new Gson().toJson(res));
    }
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    }
}
}

7、ServletLogin

ServletLogin为用户登录接口，原理如图 21所示。

图 21 ServletLogin接口设计

接口实现代码如下。

@WebServlet(name = "ServletLogin", value = "/login")
public class ServletLogin extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse
            response) throws ServletException, IOException {
    }
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //设置响应头数据格式
        response.setContentType("text/html;charset=utf-8");
        //通过c3p0创建并连接数据库
        QueryRunner qr = new QueryRunner(new ComboPooledDataSource());
        // 接收前端发送过来数据
        String uname = request.getParameter("uname"); //账户
        String upass = request.getParameter("upass"); //密码
        String code = request.getParameter("code"); //用户填写的验证码
        /*业务一：验证码判断业务*/
        // 1、获取服务端存储的code
        String sessionCode = (String) request.getSession().getAttribute("code");
        // 2、判断如果验证码错误
        if (!code.equals(sessionCode)) {
            //创建响应数据对象
            ResData res = new ResData();
            //设置msg
            res.setMsg("验证码错误");
            res.setStatus("203");
            res.setData("");
            //将res对象转成json字符串
            String data = new Gson().toJson(res);
            //将配置好res发送给前端
            response.getWriter().write(data);
            return;
        }
        /*业务二、验证用户不存在-注册业务-登录验证*/
        //1、查询用户信息
        String sql1 = "select * from f_user where uname=?";
        try {
            // 执行sql语句(查询类 select： qr.query())所有数据库查询语句要放在try..catch
            List<User> users = qr.query(sql1, new BeanListHandler<User>
                    (User.class), uname);
            // 判断用户如果不存在-走注册
            if (users.size() == 0) {
                //注册用户
                String uid = System.currentTimeMillis() + "";
                //用时间戳生成用用户ID
                //生成用户昵称
                String unick = "lanou" + uname;
                //生成用户的默认头像
                String uhurl = "http://81.68.68.219:4000/defaultimage/head.webp";
                //生成默认背景
                String uburl = "http://81.68.68.219:4000/defaultimage/bg.webp";
                //创建sql语句插入数据
                String sql2 = "insert into f_user(uid, uname, upass, unick, uhurl, uburl) values( ?,?,?,?,?,?)";
                try {
                    //执行插入动数据库
                    qr.update(sql2, uid, uname, upass, unick, uhurl, uburl);
                    //将用户的uid存入服务端的session
                    request.getSession().setAttribute("uid", uid);
                    //创建用户实体对象
                    User userInfo = new User();
                    userInfo.setUname(uname);
                    userInfo.setUhurl(uhurl);
                    userInfo.setUnick(unick);
                    userInfo.setUburl(uburl);
                    //构建回发数据对象
                    ResData res1 = new ResData();
                    res1.setMsg("注册成功");
                    res1.setStatus("200");
                    res1.setData(userInfo);
                    // 数据发送给前端
                    response.getWriter().write(new Gson().toJson(res1));
                } catch (SQLException throwables) {
                    throwables.printStackTrace();
                }
                return;
            }
            // 用户已经存在
            // 从查询结果集中获取数据库中存储用户密码
            String dbpass = users.get(0).getUpass();
            // 判断密码是否不正确
            if (!upass.equals(dbpass)) {
                //密码错误，给前端发送错误提示消息
                ResData res3 = new ResData();
                res3.setMsg("密码错误");
                res3.setStatus("2003");
                res3.setData("");
                //发送到前端
                response.getWriter().write(new Gson().toJson(res3));
                return;
            }
            // 密码正确存储用户uid到session
            request.getSession().setAttribute("uid", users.get(0).getUid());
            // 给前端回发消息
            ResData res4 = new ResData();
            res4.setMsg("登录成功");
            res4.setStatus("200");
            res4.setData(users.get(0));
            response.getWriter().write(new Gson().toJson(res4));
        } catch (SQLException throwables) {
            throwables.printStackTrace();
        }
    }
}

8、ServletPostMsg

ServletPostMsg为发朋友圈动态接口，原理如图 22所示。

图 22 ServletPostMsg接口设计

接口实现代码如下。

@WebServlet(name = "ServletPostMsg", value = "/user/postmsg")
public class ServletPostMsg extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 1、设置响应头（每个接口都要写）设置回发数据格式
        response.setContentType("text/html;charset=utf-8");
        // 2、创建响应数据对象
        ResData res = new ResData();
        // 3、创建数据库操作对象
        QueryRunner qr = new QueryRunner(new ComboPooledDataSource());
        // 4、获取当前登录用户id
        String uid = (String) request.getSession().getAttribute("uid");
        // 5、接收前端发送过来的content urls
        String msg    = request.getParameter("content");
        String[] urls = request.getParameterValues("urls[]");
        // 6、生成当前的时间戳
        String time = System.currentTimeMillis() + "";
        // 7、生成本条朋友圈id
        String fid  = "fid" + time;
        // 8、向f_msg表插入一条数据
        String sql1 = "insert into f_msg (fid,msg,time,uid)values(?,?,?,?)";
        // 执行
        try {
            qr.update(sql1,fid,msg,time,uid);
        } catch (SQLException throwables) {
            throwables.printStackTrace();
        }
        // 9、将urls中的图片地址字符串，插入到f_img表中。
        // 判断urls不为空时，才执行数据库操作动作
        if(urls != null){
            // 遍历 urls
            for(String url : urls){
                String sql2 = "insert into f_img (purl,fid)values(?,?)";
                try {
                    qr.update(sql2,url,fid);
                } catch (SQLException throwables) {
                    throwables.printStackTrace();
                }
            }
        }
        // 10、向前端回发消息
        res.setMsg("发表成功");
        res.setStatus("200");
        res.setData("1");
        response.getWriter().write(new Gson().toJson(res));
    }
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    }
}

9、ServletSearch

ServletSearch为查找好友接口，原理如图 23所示。

图 23 ServletSearch接口设计

接口实现代码如下。

@WebServlet(name = "ServletSearch", value = "/user/searchfriend")
public class ServletSearch extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 1、设置响应头数据格式
        response.setContentType("text/html;charset=utf-8");
        // 2、创建响应发送数据对象
        ResData res = new ResData();
        // 3、数据操作对象
        QueryRunner qr  = new QueryRunner(new ComboPooledDataSource());
        // 4、接收前端传递过来数据
        String keyword = request.getParameter("keyword");
        // 5、获取当前用户id
        String nowid   = (String) request.getSession().getAttribute("uid");
        // 6、创建sql语句
        String sql = "select newuser.* , askfriend.status from (select * from f_user where uname like ? and uid <> ? and uid not in (select fenid from f_relation where nowid = ? and status = 1 )) as newuser left join (select * from f_relation where nowid=? and status = 2) as askfriend on newuser.uid = askfriend.fenid";
        // 7、执行sql语句
        try {
            List<SearchResult> users =   qr.query(sql,new BeanListHandler<SearchResult>(SearchResult.class), "%"+ keyword + "%",nowid,nowid,nowid);
            // 构建回发数据
            res.setStatus("200");
            res.setData(users);
            res.setMsg("搜索成功");
            // 发送数据给前端
            response.getWriter().write(new Gson().toJson(res));
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    }
}

10、ServletShowMsg

ServletShowMsg为朋友圈动态展示接口，原理如图 24所示。

图 24 ServletShowMsg接口设计

接口实现代码如下。

@WebServlet(name = "ServletShowMsg", value = "/user/msgshow")
public class ServletShowMsg extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 1、设置响应头（每个接口都要写）设置回发数据格式
        response.setContentType("text/html;charset=utf-8");
        // 2、创建响应数据对象
        ResData res = new ResData();
        // 3、创建数据库操作对象
        QueryRunner qr = new QueryRunner(new ComboPooledDataSource());
        // 4、获取当前登录用户id
        String uid = (String) request.getSession().getAttribute("uid");

        // 5、接收前端发送过来的数据(offset 和 limit 要拼接在sql语句中，因此需要做数据类型转换，转成int型)
        int offset = Integer.parseInt(request.getParameter("offset"));
        int limit  = Integer.parseInt(request.getParameter("limit"));
        /*
         *  查询数据库获取朋友圈展示信息（当前用户+好友的朋友圈集合）
         * */
        String sql = "select newMsg.*, f_img.purl from (select newuser.*, f_msg.fid, f_msg.msg, f_msg.time from (select * from f_user where uid=? or uid in (select fenid from f_relation where nowid = ? and status = 1)) as newuser join f_msg on newuser.uid = f_msg.uid order by f_msg.time desc limit ?,?) as newMsg left join f_img on newMsg.fid = f_img.fid order by newMsg.time desc";
        // 执行
        try {
            List<ZoneMsg> msgList = qr.query(sql,new BeanListHandler<ZoneMsg>(ZoneMsg.class),uid,uid,offset,limit);
            //构建回发数据
            res.setData(msgList);
            res.setMsg("查询成功");
            res.setStatus("200");
            // 回发
            response.getWriter().write(new Gson().toJson(res));
        } catch (SQLException throwables) {
            throwables.printStackTrace();
        }
    }
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    }
}

11、ServletUpdate

ServletUpdate为更改用户信息接口，原理如图 25所示。

图 25 ServletUpdate接口设计

接口实现代码如下。

@WebServlet(name = "ServletUpdate", value = "/user/update")
public class ServletUpdate extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 1、设置响应头数据格式
        response.setContentType("text/html;charset=utf-8");
        // 2、创建响应发送数据对象
        ResData res = new ResData();
        // 3、数据操作对象
        QueryRunner qr  = new QueryRunner(new ComboPooledDataSource());
        // 业务
        String unick = request.getParameter("unick"); // 获取前端发送过来的昵称
        String uhurl = request.getParameter("uhurl"); // 获取前端发送过来的头像地址
        String uid   = (String) request.getSession().getAttribute("uid");// 获取服务端存储的当前用户id
        // 编写更新sql语句
        String sql = "update f_user  set unick=?,uhurl=? where uid=?";
        try {
            // 执行
            qr.update(sql, unick, uhurl, uid);
            // 构建回发数据
            res.setMsg("修改成功");
            res.setStatus("200");
            res.setData("1");
            // 发送给前端
            response.getWriter().write(new Gson().toJson(res));
        } catch (SQLException throwables) {
            throwables.printStackTrace();
        }
    }
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    }
}

12、ServletUpload

ServletUpload 为处理多文件（图片）上传的接收接口，原理如图 26所示。

图 26 ServletUpload接口设计

接口实现代码如下。

@WebServlet(name = "ServletUpload", value = "/upload")
//添加集合注解  ***********************重点****************************
@MultipartConfig() //处理多文件上传的接收
public class ServletUpload extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    }
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 设置响应头
        response.setContentType("text/html;charset=utf-8");
        // 创建响应数据对象
        ResData res = new ResData();
        //1、接收前端发送的文件
        Collection<Part> parts = request.getParts();
        //2、创建一个用于存储上传后图片网络路径集合
        ArrayList<String> urls = new ArrayList<String>();
        //3、遍历parts获取每个上传的文件信息,将文件移动到指定的目录，然后生成对应的网络经
        for(Part part : parts){
            // 获取每个文件的名称
            String fileName = part.getSubmittedFileName();
            // 为了防止不同用户上传的文件名重名，需要对上传的文件进行重命名
            fileName = System.currentTimeMillis() + fileName ;
            // 生成目录路径
            String path = this.getServletContext().getRealPath("/upload"); // http://localhost:8080/upload
            // 根据路径获取目录
            File file = new File(path);
            // 判断如果目录不存在就创建
            if(!file.exists()){
                file.mkdir();
            }
            // 将文件移动到目标目录
            part.write(path + "/" + fileName );
            // 生成网络路径
            String url = "http://localhost:8080/upload/" + fileName;
            // 将该网络路径add到urls中
            urls.add(url);
        }
        //4、向前端发送urls
        res.setData(urls);
        res.setStatus("200");
        res.setMsg("上传成功");
        //5、发送数据
        response.getWriter().write(new Gson().toJson(res));
    }
}

开发日志：系统开发的进程安排及工作内容（10分）

2023年1月2日：仿微信朋友圈系统需求分析、用例模型、系统架构分析、Tomcat安装与配置、Web项目开发环境IDEA的安装与配置、MySQL的安装与配置。

2023年1月3日：数据数据流向图、E-R图绘制、数据库、数据表搭建、仿微信朋友圈系统接口分析。

2023年1月4日：mui基本使用、界面布局设计、基本交互设计、前端数据交互。

2023年1月5日：JDBC原理、kaptcha、Apache-fileupload、C3p0等依赖完成功能开发、接口开发、数据请求、数据渲染、项目整合。

2023年1月6日：项目答辩。

项目下载

编码不易，有偿分享代码和原文档，有意私聊VX： liwoaa

梨涡泥窝
关注
  • 3
    点赞
  • 踩
  • 43
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
专栏目录
JavaWeb课程设计-学生信息管理系统（Jsp+Servlet+MySql）
m0_67403272的博客
07-27 1万+
JavaWeb课程设计，通过Jsp+Servlet+MySql设计实现，功能比较简单，用户可以通过登录注册方式进入管理界面可以管理学生信息，班级信息，课程信息等信息。
Java开发微信朋友圈PC版系统（架构1.0+Spring Boot2.X实战）
07-01
本门课程是一门项目实战课程，基于Spring Boot2.X开发的一款类似“新浪微博”、“QQ空间”、“微信朋友圈”PC版的互联网社交软件，包含完整的门户网前端 以及 后台系统管理端，可以说是一套相当完整的系统！...
web仿微信发朋友圈选择位置.
02-06
web仿微信发朋友圈选择位置.web仿微信发朋友圈选择位置.web仿微信发朋友圈选择位置.
用友NC65报表创建步骤-实用
03-16
NC65自由报表创建步骤 初步组成、说明、位置等说明 报表分为几个部分 数据源（数据库）：动态建模平台-系统管理-分析报表引擎-数据源 分为自有数据源 nc65 和 design 外部数据源 需要注册数据源后配置 数据库的内部引用名称 在此基础上可初步实现多数据库—nc57数据—nc65数据在一个平台内 Mysql 做了oracle的数据库链接后实现。 报表部分：查询语句部分，可以sql，可以表关联后自动创建（必须遵循pk_org , pk_group 每个语义模型中必含集团和组织PK） 语义模型（查询语句）-动态建模平台-报表平台-语义模型-集团 自由报表（展示界面）-动态建模平台-自由报表-自由报表-集团 功能注册（功能注册-生成模板编码）-动态建模平台-开发配置-功能管理-注册 （多区域联动、链接、联查等需用友技术支持） 查询部分： 查询模板初始化（对报表对应的功能模板编码进行条件设置） -动态建模平台-开发配置-模板管理-查询模板初始化 （具体查询条件来源、配置、需要用友技术支） 分配报表权限给相关人员、角色、职能等。
html js微信朋友圈下拉刷新效果,仿朋友圈下拉刷新动画（基础动画）
weixin_29420299的博客
06-03 469
示意图：2.0.gifdemo地址：仿朋友圈下拉刷新动画动画的起源源于好奇因为刚开是学动画，恨不得把所有的都实现一遍，试了一下微信朋友圈的下拉刷新动画。如果ViewController的第一个子视图为UIScrollview的子类，系统会默认有个偏移量 ，如果不想这样可以设置self.automaticallyAdjustsScrollViewInsets = NO;下面所有的Navbar 都是默...
牛课力扣---NC105 二分查找-II
weixin_38272982的博客
09-06 95
描述 请实现有重复数字的升序数组的二分查找 给定一个 元素有序的（升序）整型数组 nums 和一个目标值 target ，写一个函数搜索 nums 中的第一个出现的target，如果目标值存在返回下标，否则返回 -1 示例1 输入： [1,2,4,4,5],4 返回值： 2 说明： 从左到右，查找到第1个为4的，下标为2，返回2 输入： [1,2,4,4,5],3 返回值： -1 示例3 输入： [1,1,1,1,1],1 复制 返回值： 0 # # 代码中的类名、方法名、参数名已经指定，请勿修改，直接返
大二JavaWeb课程设计——图书管理系统（可以很好的应付老师的作业）
热门推荐
qq_43240702的博客
07-07 6万+
大二JavaWeb课程设计————图书管理系统（适合新手） 好兄弟们给个机会看一看吧，啊sir们 这是一个图书管理系统，由于老师不让用任何框架，所以用原生的JavaWeb写的，所有的前后端代码都是自己写的，很适合刚入门的新手学习，之所以没有用JavaScript是因为觉得没必要，C3的过渡和动画足以实现很多动态效果，模板引擎用的JSP，想要源码私信一下即可 项目目录结构一览图（下面有具体的每部分的作用的讲解） 内容目录说明 一、采用的工具与技术栈 二、图书管理系统数据库的设计 三、成品项目的目录结构展示与
《JavaWeb程序设计》整体设计.doc
06-20
《Java Web应用开发》课程整体设计 一、课程性质与定位 　　我院从2003年开始招收软件技术专业学生，2008年被评为学院的特色专业。 　 （一）课程性质 　　本课程是软件技术专业的主干课程之一，开设于第二学年第一学期，它的前导课程 有《计算机基础》,《Java语言程序设计》，《Java语言高级程序设计》等，后继课程有《框架 技术》。在专业的人才培养方案中，本课程主要培养学生的核心编程能力- WEB网站开发能力。在课程讲授过程中，除了让学生学习HTML, CSS, JavaScript, JSP, Servlet, Filter, JavaBean, JDBC等知识外，还要求学生能灵活运用以上知识和技术并结合开发工具Eclipse进行动态 网站的开发，包括网站前台页面的设计和后台数据库的访问等。 　（二）课程定位 　　该课程在学生的导游专业能力的培养中起主要作用，同时也是目前全国初级导游人 员资格考试的必考科目，具有鲜明的职业性、实用性、实践性特征。《Java Web应用开发》先行课程有：网页设计与制作、Javascript程序设计、数据库技术。后续 专业课程有：Java EE
Javaweb课程设计（简单的个人博客）
少年的欢喜的博客
05-19 9435
通过eclipse + Jsp+Servlet+MySql+bootstrap设计实现，功能比较简单。 博客分为游客跟管理员，游客只能查看文章不能修改。管理员能对本人的文章还有用户的增删查改。 管理员可以通过登录注册方式进入管理界面可以管理文章信息，用户信息，等信息。实现了分页查询，添加信息、修改信息、删除信息、选中删除等功能，下面是运行的界面： ...
javaweb课程设计实验报告
m0_64560503的博客
07-04 3538
该系统可以完成对于客户、商品信息、用户订单及订购信息等的增删改查操作。
基于javaweb的图书管理系统源码+数据库文件（95分以上高分课设项目）.zip
04-17
基于javaweb的图书管理系统源码+数据库文件.zip 95分以上高分课程设计，代码完整，下载即用。 基于javaweb的图书管理系统源码+数据库文件.zip 95分以上高分课程设计，代码完整，下载即用。基于javaweb的图书管理系统源码+数据库文件.zip 95分以上高分课程设计，代码完整，下载即用。基于javaweb的图书管理系统源码+数据库文件.zip 95分以上高分课程设计，代码完整，下载即用。基于javaweb的图书管理系统源码+数据库文件.zip 95分以上高分课程设计，代码完整，下载即用。基于javaweb的图书管理系统源码+数据库文件.zip 95分以上高分课程设计，代码完整，下载即用。基于javaweb的图书管理系统源码+数据库文件.zip 95分以上高分课程设计，代码完整，下载即用。基于javaweb的图书管理系统源码+数据库文件.zip 95分以上高分课程设计，代码完整，下载即用。基于javaweb的图书管理系统源码+数据库文件.zip 95分以上高分课程设计，代码完整，下载即用。基于javaweb的图书管理系统源码+数据库文件.zip
一款基于Vue2的仿微信WebApp
08-10
一款基于Vue 2的仿微信Web App
Java 获取Web项目相对webapp地址的实例
08-28
下面小编就为大家带来一篇Java 获取Web项目相对webapp地址的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
基于 Java 实现（Web）服装 MTM 订单管理系统【100011075】
03-02
基于 WebApp 服装 MTM 订单管理系统，为服装 MTM 定制企业信息化。该系统实现了某服装 MTM 定制企业可通过该系统对订单业务进行管理。量体设计师可以使用该系统添加销售订单，管理顾客和合作店等。除此之外，企业...
mybatisPlus使用MetaObjectHandler对字段进行更新
最新发布
m0_56356631的博客
04-23 318
都是符合我们的预期的。
string模拟实现
m0_73969414的博客
04-23 1433
c++中string的模拟实现，面试必会知识点
实现自定义注解、实现自定义幂等性注解
qq_44721738的博客
04-23 592
添加 Spring AOP 依赖。创建自定义注解。创建一个新的 Java 注解类，通过@interface关键字来定义，并可以添加元注解以及属性。@Target(ElementType.METHOD) //表示作用于方法上@Retention(RetentionPolicy.RUNTIME) // 表示这个注解在运行时是可见的，这样 AOP 代理才能在运行时读取到这个注解编写 AOP 拦截（自定义注解）的逻辑代码。@Aspect@Component// 方法执行前的处理。
javaweb-SpringBoot基础
kussm_的博客
04-20 1331
Spring的官网(Spring的简介：Spring makes Java simple。Spring Boot 可以帮助我们非常快速的构建应用程序、简化开发、提高效率。创建一个子包controller。
java webapp
09-23
Java Web Application (Java Web App) 是指基于Java技术开发的Web应用程序，它可以运行在Web服务器上，为用户提供网站服务。Java Web App可以使用Java EE（Java Enterprise Edition）平台的各种技术，例如Servlet、JSP、JavaBeans、EJB等。Java Web App的优点包括可移植性高、安全性好、可扩展性强、可维护性好等。常见的Java Web App开发框架包括Spring、Struts、Hibernate等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值