- 2019年6月软件工程专业实训项目
- 网站原型:参照了“知乎”,“简书”,等同类型的知识分享网站;
- 网页的UI进行系统设计,注重更好的交互体验;
- 使用场景:知识提问回答,写文章,分类搜索等;
- 一个 java web 应用
- 后端框架SpringBoot MVC,数据库Mysql,使用JPA
- 前端HTML,CSS,JavaScript,引入了Bootstrap,jQuery
- 红,蓝为主配色
- 圆角设计,让界面更具有亲和力
- 使用了卡片设计,模块分明,阅读更清晰
- 整体设计简介,现代,和年轻化
热爱前端的菜鸟,喜欢设计,熟练使用ps等软件,“知否”的设计全部由我自己设计完成,使用psd底稿,再进行知否的前端编码,前端所有代码交互由我独立完成,配合其他后端同学完成项目。
- 首页
首页的questionCard有在看、评论、收藏功能,与用户个人主页信息绑定,ps:默认显示160个字,可点击阅读全文进行全文阅读
- 首页 点击在看👇
- 首页 评论✍
- 首页 的最新提问板块💬
- 文章板块 ——作为网站内容的多样化补充✨
- 文章板块 ——文章详情页面🍔
- 文章板块 ——底部评论分页的细节
- 写文章功能模块🎨
写文章模块引入了一个开源的轻量级web富文本框插件,支持基础的编辑功能
- 提问功能模块
- 个人设置板块
- 个人主页🧑
个人主页集成了所有的用户信息,包括已经点赞或收藏的提问,回答,文章,评论的内容等,并将这些集成到了我的动态,也有用户写过的文章,是用户的个性化页面
- 亮点:夜晚阅读模式
项目做到一半突发奇想,便重新整理了css文件,添加了网页夜晚阅读模式
- 本次项目整体UI我比较满意,基本上算是自己原创风格,想做的年轻化,但又不至于失去了阅读类网站内容是主体的本质。
- 使用原生js写法全面提升了我的编码技巧,以后应该多尝试框架编码。
- 前后端的工作协调交互让我体会到前后端分离的重要性,以及全栈程序猿的重要性,一名合格的前端工程狮应该是不依赖于后端进度的。
- 最后,代码在中间重构了一次之后赶进度,后面的代码臃肿,亢余,可维护性,扩展性查,这是需要提高的;需要找个时间将前端迁移到React并重构。