个人中心项目
勤勉的一只洋
记录学习,共同进步!
展开
-
个人中心项目--页面/用户浏览量统计模块(一)
1.功能模块构思1.1描述:我们经常可以看见每条新闻或者文章都会有一个浏览量统计标记,近的说,CSDN的每条博客不也有一个文章浏览量统计嘛,所以也想着为项目加一个这个功能,说来这个功能也没什么难的,在需要统计的页面加一个计数器然后存在数据库对应字段不就好了。但是,这样真的就是最好的办法嘛?频繁的数据库IO,对于我们自己玩的项目貌似没什么,但是一切需要考虑长远,万一你的项目之后发达了,数千万的访问量,你这样做频繁IO数据库肯定是不太友善的。所以我们需要构思一个合理的解决办法。其实,这部分也很容易想到,那就原创 2020-07-26 21:03:26 · 890 阅读 · 0 评论 -
个人中心项目--朋友圈模块(五)
1.描述:这部分功能主要是提供用户自己发表的动态删除以及自己发的评论删除操作,牵涉内容量很少,可以看做是功能优化。2.效果展示:3.思路:这部分逻辑主要是在前端,即在页面加载时,遍历显示每条动态时,做一个判断,当动态或评论拥有者(即谁发的动态或评论)的id等于登录用户的id时,增加删除按钮:关键是要给每一条动态或者评论div赋唯一标识id,这个字段是准确删除该信息的保障,可以考虑通过动态的id和评论的id组合成唯一标识:4.代码:4.1 html:function deleteDyn原创 2020-06-20 10:49:48 · 459 阅读 · 0 评论 -
个人中心项目--朋友圈模块(四)
1.描述:这部分主要是实现评论的功能,代码量很少,而且简单,主要是前端页面的一些布局优化等。2.效果展示:点击comment按钮,显示评论框:点击发表评论,提交后台并刷当前页面,这里优化了一下,刷新网页后先前浏览位置不变,点击comment按钮旁边的小按钮,显示评论信息框:3.代码:3.1Mapper和Service:只是一个comment表插入操作,就不截图了。3.2 Controller:id为登录用户的id标识,即我的id字段;toId是动态对应的id;mycomment即评原创 2020-06-19 20:02:03 · 283 阅读 · 0 评论 -
个人中心项目--朋友圈模块(三)
1.描述:这部分功能主要是实现发表一条动态并在朋友圈显示的功能。2.效果展示:3.思路:上图是动态对应的数据库表单,我们每次发动态时,可选的有动态的文字部分或者是图片部分,而时间就是当前时间,own_id通过获取当前登录的用户信息获取。图片在数据库存储方式选择图片地址拼接方式,中间使用逗号隔开(当然,还可以选择更特殊一点的标记符号,因为我在测试过程中发现,有的图片地址中就含有逗号,这样,我们在从数据库取出来图片字段进行字符串切割时,会把这个图片地址切成多份,那么在页面肯定会显示找不到图片的原创 2020-06-19 11:02:47 · 344 阅读 · 0 评论 -
个人中心项目--朋友圈模块(二)
1.描述这部分主要是解决个人中心项目–朋友圈模块(一)中遗留的问题,即:修改的代码主要是前端的逻辑,在js部分新加了两个map集合,用于判断每条动态的点赞或是取消点赞的状态,主要思路是给每个按钮都维护一个状态变量timeNumun,而不是(一)中一组按钮维护一个timeNumun而出现状态混乱问题:2.具体代码:2.1 动态添加或取消点赞用户名:<div class="collapse" th:id="collapseExample+${dynamics.dynamic.id}">原创 2020-06-18 09:47:39 · 265 阅读 · 0 评论 -
个人中心项目--朋友圈模块(一)
1.描述:朋友圈模块主要是在时间轴模块基础上,增加点赞,取消点赞,评论和删除评论的功能,当然,时间轴只是展示自己发的动态,而朋友圈则是展示所有人的动态。第一阶段主要实现了点赞和取消点赞以及显示点赞的用户名功能。2.效果展示:3.思路:进入朋友圈页面时,从数据库查询所有动态以及对应的发动态的用户信息,对应的点赞信息,评论信息等,将每个动态以及它对应的这些信息封装为一个动态扩展类,之后所有动态以集合形式传给页面,前端页面拿到这些信息进行拆箱遍历,在对应的地方显示对应的信息。当然,对我点过赞的动态和没原创 2020-06-17 17:29:19 · 541 阅读 · 0 评论 -
个人中心项目--关于request,session,application
1.问题发现:最近开始为项目中类似QQ聊天功能模块做准备,实现多用户在线聊天等功能就需要多个用户来访问服务器,今天突然想到,我是把登录用户信息放到session中的,那我如果多用户访问,那岂不是前一个用户的信息会被后一个用户所顶替调,毕竟都存在了session中,主要是key都是叫“user”。我还上网查了相关的问题:我试了一下,在同一个浏览器打开,的确信息只能是最后登录的一个用户的信息,前一个的用户登录信息总是被后一个所顶掉。然后我就看评论中说把session的key改成动态的,然后我也试了一下,我原创 2020-06-15 17:09:36 · 230 阅读 · 0 评论 -
个人中心项目--时间轴模块(二)
更新的内容:这部分内容主要是对昨天的时间轴模块作了一点点前端的优化:由上图可以看出,评论弹出界面相比昨天的美观许多,有昨天的弹出框便成了隐藏伸缩框,界面更加平滑。主要修改的前端代码部分如下:<div class="col-lg-6"> <div class="mb-4"> <p> <button style="margin-right: 15px" class="btn btn-outline-danger原创 2020-06-13 17:36:46 · 273 阅读 · 0 评论 -
个人中心项目--时间轴模块(一)
1.模块功能描述:在个人资料页面,有一个时间轴模块,该模块类似查看微信朋友圈自己发表动态的历史记录。涵盖动态发表时间,发表的内容,图片,点赞数量,评论数量以及评论的内容等。阶段性效果如下:点击评论,弹出评论信息框(位置有些问题,之后在修改一下):2.建表:1.动态表单:2.评论表单:3.点赞表单:4.用户表单:3.Mapper层:关于动态的三张表的mapper和model我都是通过逆向工程生成的,当然也可以自己写,我把我的逆向工程挂在这里,按需提取:链接:https://pa原创 2020-06-12 20:59:30 · 689 阅读 · 0 评论 -
个人中心项目--登录记住我功能
在完成controller中登陆认证方法后,记住我功能其实只是在html页面增加两个操作cookie的函数就可以实现了,很简单:代码流程:1.首先我们query.cookie.js来操作cookie,所以需要先去下载一下。这里也可下载:链接:https://pan.baidu.com/s/1KB5L5c-RHqZaFSTIa4LGTg提取码:9nbw2.先来看页面登录表单: <form class="form-horizontal mt-3 form-material" id="login原创 2020-06-11 20:38:06 · 601 阅读 · 0 评论 -
个人中心项目--登陆拦截器问题
问题发现:当用户未登陆时,访问个人中心主页等界面时,请求应该被拦截,并转发到登录界面,之前在 培训教育系统项目中也做过这块功能,现在通过springboot开发这个项目时,拦截器配置不在配置文件中配置了,虽然做过,但多少实现步骤发生了一些变化,所以也遇到了一些问题。现在虽然这块功能实现了,但是通过其他办法解决的,还有一个疑惑还未解决。具体项目:这是工程目录:配置一个拦截器组件,这里我只重写了预处理方法:@Componentpublic class loginInterceptor implem原创 2020-06-10 21:13:09 · 198 阅读 · 0 评论 -
个人中心项目--存放用户登陆信息供页面显示之Model和Session选择
问题发现:在项目中,当用户登录后,会将通过数据库查询到的用户信息存放到model中,以提供给html页面相关信息的显示。今天突然发现,model只能在Controller中这个使用到它的方法的返回页面使用,其他html页面是无法使用这个model中的信息的。项目具体:这是一个登录方法,根据输入的用户名和密码查询数据库后,将查到的非空用户信息放到model中,然后提供给返回的main.html页面相关信息展示:/** * 登录 * @param username * @param passwor原创 2020-06-10 20:42:55 · 636 阅读 · 0 评论