SpringBoot bbs(3~4) 过度创作总结。

SpringBoot bbs总结

从一个测试用的SpringBoot项目，一直写到现在。
很早以前SpringMVC 写的项目，但是因为前端写的很烂，即便是面试，也不会有人看到什么。
或许一个前端工程师或许会很好找工作吧。因为做好交互要比后端更能吸引人。

这是一个主页面 天庭饱满
导航条可以压缩成手机版。 点击可以编辑自己个人的信息。 例如 头像，名称，座右铭等等。

左下角上传图片。 右下角上传个人信息。 当然个人信息如何在平时表达还是一个设计上的问题（提醒自己）。但是尽力吧。
进入论坛
首页进行了无数次的修改，并不能到完美。 一直感觉很丑。直到现在。

1.第一页遇到的问题是虽然分页并不难，但是要考虑到下标页码能显示的极限，比如八个。超过八个，那么就写好第一页和最后一页的状态，而中间保持固定数量的页码。
2. 首页可以显示的需要标签《img》、《pre》。我们从发表的帖子中抓取 需要的信息放在第一条。这种可以美观，也并不那么尴尬。想象一下，如果你发一个图片而图片名称很长，那么第一条就会出现 三种状态 图片、文字、代码。
3. 第一页的因为图片的大小问题，与屏幕比例问题。用手机看会很难看。 因为人物的姓名图片左下角会有很长的一条空白。 那么在小屏幕中要把内容整体向左移动。这样屏幕可以占满，同样图片和文字不会过小。

进入帖子内部

帖子内部的设计和外层大同小异，但遇到的问题，是不同的。

1. 页码问题，也要考虑到最大页码的数量，合理规划显示页码的数量。
2. 考虑到手机版的，小屏幕时候要把内容整体向左移动。
3. 单个帖子中还有回复的帖子， 那么要考虑好更多回复中的分页
   例如：下拉的分页要比 点击的 页码分页 在小屏幕中更方便，也可以防止误触，最开始我也是使用的页码分页，但是觉得并不好，所以更换为小圆圈 这里要注意 bootstrap 中到了4.0以上才可以使用自带的小圆圈，我这个3.4的 只能自己画圈，再用时间延迟来制作

        setTimeout(function (){
                discuss3.innerHTML=discussObject(objectData,"扩大")
            var bbb=" + divid+"','" + forum_id+ "')\"  class=\"page-link\">
▼ 更多回复........"
                manyReturn.innerHTML=bbb.toString()
            },1500)
1
2
3
4
5

而后端要用乘法，显示全部回复，而不是切换一段信息。
4. 监听打开的回复栏信息，并且窗口 滑动到回复栏位置。

    //监听打开
    for (var r=0;r<forumArray.length;r++){
        $("#textarea"+forumArray[r]).on('shown.bs.collapse',forumArray[r],function (e) {
            // alert("调用 show 方法立即触发"+e.data+"--------------------------");
            var element=document.getElementById("text_back"+e.data);
            element.scrollTo(0,300);
            element.focus();
        })
    }
1
2
3
4
5
6
7
8
9

写了这么多感觉总结了很多，但是可写的还是有很多。
比如最开始测试中 我可以修改 SpringBoot日志的打印的颜色区分。 前后端分离后，用什么称当做session。 再比如 使用富文本编辑器 ueditor，修改返回图片路径，和重新修改富文本编辑器中 特定的几组文本更改他们的样式。
再比如我可以 借助 htmlcanvas.min.js 把文字生成图片。有些废弃了有些还在使用。
还有注册中，写的老式的图片验证码 。