第二篇Scrum冲刺博客

一、站立式会议

1.1 会议照片

1.2 工作安排

成员 昨日完成工作 issue链接 今日计划工作 issue链接
李泽强 实现发表文章功能 A1 文章编辑 A2
叶杞豪 完成页面的UI设计，查找所需资源 B1 个人页面 B2
刘宇杰 平台内容管理功能 C1 用户权限管理功能 C2
唐振凯 个人信息编辑 D1 查看用户数据 D2
李鹏举 设计数据库 E1 数据库构建 E2
潘新坤 冲刺阶段整体规划 F1 协助进行前端设计 F2

1.3 工作中遇到的困难

成员 遇到的困难
李泽强 与数据库交互遇到了问题
叶杞豪 对开发工具不太熟练
刘宇杰 如何无死角管理平台内容需要考虑很多方面
唐振凯 个人信息的数据类型设计不合理，难实现编辑
李鹏举 数据库模式之间的逻辑关系很复杂

二、项目燃尽图

三、代码签入

四、模块的运行截图

4.1 模块代码

    /**
     * 用户信息
     */
    public void user(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String userId = request.getParameter("userId");
        User user = service.findUser(Integer.parseInt(userId));
        writeValue(user,response);
    }

     /**
     * 更改用户信息
     */
    public void updateInfo(HttpServletRequest request, HttpServletResponse response) throws Exception {
        //先接受是否有重新上传头像的标识
        String check = request.getParameter("check");
        String headAddress = null;
        User user = (User) request.getSession().getAttribute("user");
        if(Integer.parseInt(check)==1){//表示有重新上传头像
            //创建FileItemFactory对象
            FileItemFactory factory = new DiskFileItemFactory();
            //创建文件上传的处理器
            ServletFileUpload upload = new ServletFileUpload(factory);
            //解析请求
            List<FileItem> items = upload.parseRequest(request);
            //迭代出每一个FileItem,获得图片的地址
            for (FileItem item : items) {
                String path = imgPath;
                //上传文件的控件
                item.write(new File(path, item.getName())); //把上传的文件保存到某个文件中
                headAddress = "/img" + "/" + item.getName();
            }
        }else{
            headAddress=user.getHeadAddress();
        }
        System.out.println(headAddress);
        //获取用户id
        Integer id = user.getId();
        //获取其他参数
        Map<String, String[]> map = request.getParameterMap();
        //封装
        User _user = new User();
        BeanUtils.populate(_user,map);
        //设置用户id还有用户头像
        _user.setId(id);
        _user.setHeadAddress(headAddress);
        System.out.println(_user);
        //调用service
        boolean flag = service.updateInfo(_user);
        ResultInfo info = new ResultInfo(flag);
        if(flag){
            info.setMsg("修改成功！");
            //更新共享域中的用户信息
            user.setHeadAddress(_user.getHeadAddress());
            user.setAge(_user.getAge());
            user.setIntroduction(_user.getIntroduction());
            user.setNickName(_user.getNickName());
            request.getSession().setAttribute("user",user);
        }else{
            info.setMsg("操作异常！");
        }
        writeValue(info,response);
    }

页面

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户主页</title>
</head>
<script src="js/jquery-3.3.1.js"></script>
<script src="js/getParameter.js"></script>
<style>
    .inpI{ width:280px; height:30px; line-height:30px; border:1px solid #999; padding:5px 10px;  font-size:14px; border-radius:6px;}
    .loginI{ width:120px; height:42px;  border-radius:6px; display: block; margin:20px auto; cursor: pointer;}
     .login{ width:120px; height:42px;  border-radius:3px; margin:10px auto;}
</style>
<script>
    //查询登录用户的关注人数还有粉丝数，还有文章数,以及收获的喜欢
    function nums() {
        var userId = getParameter("userId");
        jQuery.ajax({
            type: "POST",
            url:"${pageContext.request.contextPath}/userAct/userNums?userId="+userId,
            contentType: false,
            processData: false,
            success: function(data) {
                jQuery("#follow").html(data.followsNum);
                jQuery("#fans").html(data.fansNum);
                jQuery("#article").html(data.articlesNum);
                jQuery("#likeNum").html(data.likesNum);
                follow = data.followsNum;
                fans = data.fansNum;
                userU();
            }
        });
    }
    nums();
    function userU() {
        var userId = getParameter("userId");
        jQuery.ajax({
            type: "POST",
            url:"${pageContext.request.contextPath}/userAct/user?userId="+userId,
            contentType: false,
            processData: false,
            success: function(data) {
                jQuery("#useruser").html(data.username);
                jQuery("#username").attr('value',data.username);
                jQuery("#email").attr('value',data.email);
                jQuery("#age").attr('value',data.age);
                jQuery("#introduction").html(data.introduction);
                jQuery("#img").html('<img src="'+data.headAddress+'" style="width: 100px; height: 100px"  alt="">')
                jQuery("#nickName").attr('value',data.nickName);
            }
        });
    }

    function fuser(check) {
        var userId = getParameter("userId");
        jQuery("#1").html('');
        jQuery("#2").html('');
        if(check==0){
            if(follow==0){
                alert("该用户暂未关注作者！");return;
            }
        }else{
            if(fans==0){
                alert("该用户暂无粉丝！");return;
            }
        }
        jQuery.ajax({
            type: "POST",
            url:"${pageContext.request.contextPath}/userAct/followUser?check="+check+"&userId="+userId,
            contentType: false,
            processData: false,
            success: function(data) {
                if(check==0){
                    jQuery("#title").html("关注的用户");
                }else{
                    jQuery("#title").html("粉丝");
                }
                jQuery("#table1").html('');
                jQuery("#table1").append('<tr><td>头像</td><td align="center">用户名</td><td align="center">相关信息</td><td align="center">操作</td></tr>\n')
                //遍历回显
                for (i=0;i<data.length;i++){
                    var user = data[i];
                    jQuery("#table1").append('<tr><td><img src="'+user.headAddress+'" width="50" height="50" alt=""></td>' +
                        '<td align="center"><a href="${pageContext.request.contextPath}/userHome.jsp?userId='+user.userId+'" target="_blank">'+user.username+'</a></td>' +
                        '<td align="center">关注：'+user.followsNum+'，粉丝：'+user.fansNum+'，文章：'+user.articlesNum+'，收获的喜欢：'+user.likesNum+'</td>' +
                        '<td align="center"><a href="javascript:void(0);" onclick="cancelFollow(\''+i+'\',\''+user.userId+'\',\''+user.checked+'\')" id="con'+i+'">'+user.checked+'</a></td></tr>')
                }
            }
        });
    }

    //取消关注和关注
    function cancelFollow(i,userId,action) {
        if(${user==null}){
            alert("您还未登录！");return;
        }
        if(confirm("您确定"+action+"吗？")){
            jQuery.ajax({
                type: "POST",
                url:"${pageContext.request.contextPath}/userAct/updateFollow?userId="+userId+"&action="+action,
                contentType: false,
                processData: false,
                success: function(data) {
                    if(data.flag){
                        alert(data.msg);
                        //修改操作标签中的内容，还有方法
                        if(action=='取消关注'){
                            jQuery("#con"+i).html('关注');
                            jQuery("#con"+i).attr('onclick','cancelFollow('+i+','+userId+',"关注用户")');
                        }else{
                            jQuery("#con"+i).attr('onclick','cancelFollow('+i+','+userId+',"取消关注")');
                            jQuery("#con"+i).html('取消关注');
                        }
                    }else{
                        alert(data.msg);return;
                    }
                }
            });
        }
    }

    function myArticle() {
        jQuery("#title").html('文章信息')
        //先查询获得文章数据分为草稿箱还有已发布
        finda(1);
    }

    function finda(check) {
        var userId = getParameter("userId");
        //check 1表示查询已经发布的，0表示查询草稿箱的
        jQuery.ajax({
            type: "POST",
            url:"${pageContext.request.contextPath}/article/userArticle?check="+check+"&userId="+userId,
            contentType: false,
            processData: false,
            success: function(data) {
                jQuery("#table1").html('');
                if(data==null){
                    if(check==1){
                        jQuery("#table1").html('该用户还未发布文章！');
                    }else{
                        jQuery("#table1").html('您还未保存草稿！');
                    }
                    return;
                }
                jQuery("#table1").append('<tr><td>图片</td><td align="center">文章名称</td><td align="center">文章摘要</td><td align="center">上传时间</td><td align="center">操作</td></tr>\n')
                //遍历回显
                for (i=0;i<data.length;i++){
                    var a = data[i];
                    jQuery("#table1").append('<tr><td><img src="'+a.articleTitlePhoto+'" width="50" height="50" alt=""></td>' +
                        '<td align="center">'+a.articleTitle+'</td>' +
                        '<td align="center">'+a.summary+'</td>' +
                        '<td align="center">'+a.time+'</td>' +
                        '<td align="center">' +
                        '<a href="${pageContext.request.contextPath}/articleDetail.jsp?articleId='+a.articleId+'&userId=${user.id}" target="_blank" >浏览</a>&nbsp;</td></tr>')
                }
            }
        });
    }

    //显示我的动态
    function AAAA() {
        jQuery("#1").html('');
        jQuery("#2").html('');
        var userId = getParameter("userId");
        jQuery.ajax({
            type: "POST",
            url:"${pageContext.request.contextPath}/userAct/userAction?userId="+userId,
            contentType: false,
            processData: false,
            success: function(data) {
                jQuery("#title").html("用户动态");
                jQuery("#table1").html('');
                if(data==null || data==''){
                        jQuery("#table1").html('该用户还没有动态！');return;
                }
                jQuery("#table1").append('<tr><td align="center">动态</td><td align="center">时间</td></tr>\n')
                //遍历回显
                for (i=0;i<data.length;i++){
                    var a = data[i];
                    jQuery("#table1").append('<tr>' +
                        '<td align="center">'+a.action+'&nbsp;<a href="javascript:void(0);" onclick="MM('+a.userId+','+a.articleId+','+a.addId+')">'+a.content+'</a></td>' +
                        '<td align="center">'+a.time+'</td>' +
                        '</tr>')
                }
            }
        });
    }
    function MM(userId,articleId,addId) {
        if(userId==0){
            //说明是文章
            window.open("${pageContext.request.contextPath}/articleDetail.jsp?articleId="+articleId+"&userId="+addId);
        }else{
            window.open("${pageContext.request.contextPath}/userHome.jsp?userId="+userId);
        }
    }


    function BBB() {
        jQuery("#1").html('');
        jQuery("#2").html('');
        var userId = getParameter("userId");
        //查找最新评价
        jQuery.ajax({
            type: "POST",
            url:"${pageContext.request.contextPath}/userAct/mostNewComment?userId="+userId,
            contentType: false,
            processData: false,
            success: function(data) {
                jQuery("#title").html('最新评价文章');
                jQuery("#table1").html('');
                if(data==null || data==''){
                    jQuery("#table1").html('该用户目前的文章尚未有最新评价');return;
                }
                jQuery("#table1").append('<tr><td>图片</td><td align="center">文章名称</td><td align="center">文章摘要</td><td align="center">上传时间</td><td align="center">操作</td></tr>\n')
                //遍历回显
                for (i=0;i<data.length;i++){
                    var a = data[i];
                    jQuery("#table1").append('<tr><td><img src="'+a.articleTitlePhoto+'" width="50" height="50" alt=""></td>' +
                        '<td align="center">'+a.articleTitle+'</td>' +
                        '<td align="center">'+a.summary+'</td>' +
                        '<td align="center">'+a.time+'</td>' +
                        '<td  align="center"><a href="${pageContext.request.contextPath}/articleDetail.jsp?articleId='+a.articleId+'&userId=${user.id}" target="_blank" >浏览</a>&nbsp;</td>' +
                        '' +
                        '</tr>')
                }
            }
        });
    }

    function boardU(userId) {
        if(${user==null}){
            alert("您还未登录！");return;
        }
        //先获取留言内容
        var board = jQuery("#board").val();
        if(board==null || board==''){alert("请先输入留言内容");return};
        jQuery.ajax({
            type: "POST",
            url:"${pageContext.request.contextPath}/userAct/userToBoard?userId="+userId+"&content="+board,
            contentType: false,
            processData: false,
            success: function(data) {
                alert("留言成功！");
                CCC();
            }
        });
    }
    //留言版功能
    function CCC() {
        var userId = getParameter("userId");
        jQuery.ajax({
            type: "POST",
            url:"${pageContext.request.contextPath}/userAct/userBoard?userId="+userId,
            contentType: false,
            processData: false,
            success: function(data) {
                jQuery("#title").html('留言版');
                jQuery("#1").html('');
                jQuery("#2").html('');
                jQuery("#table1").html('');
                //先加一个留言框
                if(data==null || data=='') {
                    jQuery("#2").append('<br><textarea id="board" style="background: white;" placeholder="请输入留言信息"></textarea><br>\n' +
                    '    <button class="login" onclick="boardU('+userId+');">上传</button>\n')
                }else{
                    jQuery("#2").append('<br><textarea id="board" style="background: white;" placeholder="请输入留言信息"></textarea><br>\n' +
                        '    <button class="login" onclick="boardU('+data[0].userId+');">上传</button>\n')
                }
                if(data==null || data==''){
                    jQuery("#table1").append('尚未有用户留言');return;
                }
                jQuery("#table1").append('<tr><td>留言用户</td><td >留言内容</td><td >留言时间</td></tr>\n')
                //遍历回显
                for (i=0;i<data.length;i++){
                    var a = data[i];
                    jQuery("#table1").append('<tr>' +
                        '<td align="center">'+a.username+'</td>' +
                        '<td align="center"><textarea cols="30" rows="5" style="background: white;border: none;font-size: 20px" disabled>'+a.content+'</textarea></td>' +
                        '<td align="center">'+a.time+'</td>' +
                        '</tr>')
                }
            }
        });
    }
    function uuu() {
        location.reload();
    }
</script>
<body>
<div align="center">
    <span style="color: darkorange; font-size: 25px ">简书</span>&nbsp;
    欢迎<span id="useruser"> </span>主页 &nbsp;
    <a href="javascript:void(0);" onclick="uuu();">个人信息</a>&nbsp;
    <a href="javascript:void(0);" onclick="fuser(0);">关注</a><span style="color: black" id="follow"></span>&nbsp;&nbsp;
    <a href="javascript:void(0);" onclick="fuser(1);">粉丝</a><span style="color: black" id="fans"></span>&nbsp;&nbsp;
    <a href="javascript:void(0);" onclick="myArticle();">文章</a><span style="color: black" id="article"></span>&nbsp;
    <span>收获的喜欢</span><span style="color: black" id="likeNum"></span>&nbsp;&nbsp;
    <a href="javascript:void(0);" onclick="AAAA();">动态</a>&nbsp;
    <a href="javascript:void(0);" onclick="BBB();">最新评价</a>&nbsp;
    <a href="javascript:void(0);" onclick="CCC();">留言版</a>&nbsp;
    <hr>
    <br>
    <span id="title" style="color: blue">个人信息</span>
    <span id="1"></span><span id="2"></span>
    <div>
        <table border="1" id="table1">
            <tr>
                <td width="120">头像：</td>
                <td id="img">
                </td>
            </tr>
            <tr>
                <td width="120">用户名：</td>
                <td><input type="text" class="inpI" id="username" disabled/>
                </td>
            </tr>
            <tr>
                <td>邮箱：</td>
                <td><input type="text" class="inpI" id="email" disabled/></td>
            </tr>
            <tr>
                <td>昵称：</td>
                <td><input type="email" class="inpI" id="nickName"  disabled/></td>
            </tr>
            <tr>
                <td>年龄：</td>
                <td><input type="age" class="inpI" id="age" disabled /></td>
            </tr>
            <tr>
                <td>个人简介：</td>
                <td><textarea id="introduction" style="width: 280px;height: 60px;border: 1px;border:1px solid #999; padding:5px 10px;  font-size:14px; border-radius:6px;" >/textarea></td>
            </tr>
        </table>

    </div>
</div>

<div class="popOutBg"></div>
<div class="popOut">
    <span title="关闭"> x </span>
    <div id="table"></div>
</div>

</body>
</html>

4.2模块运行截图

五、每日每人总结

成员 总结
李泽强 学了前端ajax异步提交表单，让我的对前后端交互有更深的了解。
叶杞豪 第一天敲代码，感觉任务有点重，不过最后也能勉强完成，明天继续努力
刘宇杰 今天实现了简单的平台内容管理功能，感到难度还是挺高的，后面还要继续努力
唐振凯 看似简单的任务，也需要注意很多细节，注意考虑用户的体验
李鹏举 今天完成了项目数据库的设计，逻辑结构有点复杂，后面还需要优化
潘新坤 项目的截止时间即将来临，今天安排好了后面六天的任务，以免最后这几天忙中出错
posted @ 2021-11-23 00:16  freedom62  阅读(52)  评论(0)  编辑  收藏  举报