饱了吗-web前端个人总结

梦想的初衷 提交于 2019-12-15 20:38:57

引言

1.0 项目源代码整合

1.1 编写背景

web端开发人员较少,正好以前学习过web端的内容,所以本次项目承担web前端的任务。在本次任务晚餐过程中,我前端采取的是html+css+jquery(其实在编程的途中想使用vue,但中途改动过于繁琐后放弃了),侧边栏点击加载也是用部分加载实现,与后端的交互则采用ajax的技术。主要分为两个模块:

  • 一、订单处理的模块:注重实时的刷新,用户订单后马上在页面上显示新的订单;其次就是多个网页同时在线处理订单时,保证系统的流畅性。
  • 二、店家管理的模块:注重页面的美化和展qi,外加细节的处理,以及与后端的交互,其中相对比较麻烦的就是图片的传输(采取的是二进制传输,其实也可以采取超链接的方式将图片部署在服务器上,由于没有服务器,就将图片以二进制的格式存取在数据库中)

前端编写总结

前端页面编写部分

  • 前端页面的实现图标必不可少,外加logo的设计,由于图片使用过程中可能会修改背景颜色、大小等,所以我大部分采用svg的格式
  • 前端原型的设计:前端的设计最好先设计好原型,无论使用墨刀,甚至手绘,又或者套用模板都是不错的选择。
  • 与后端交互部分

  • 接收数据格式基本采用json,也有备份

存在的问题:

  • 由于部分原因,前端基本手写完成,也没怎么套用模板,最终发现页面的展示效果确实差强人意;学习的内容又少,后来才发现使用bootstrap等框架可以大大减少我写css的代码。
  • 在逻辑方面也存在不少问题,处理订单的页面太过于关注与服务器的交互,实时刷新显示新的订单,导致页面相当单调,如果作为正式使用那是肯定不行的,可以在左侧添加菜谱数量的修改,以及来新订单时的提醒,也可以在右侧添加一个已处理过的订单列表,用于查看。
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!