引言
1.0 项目源代码整合
1.1 编写背景
web端开发人员较少,正好以前学习过web端的内容,所以本次项目承担web前端的任务。在本次任务晚餐过程中,我前端采取的是html+css+jquery(其实在编程的途中想使用vue,但中途改动过于繁琐后放弃了),侧边栏点击加载也是用部分加载实现,与后端的交互则采用ajax的技术。主要分为两个模块:
- 一、订单处理的模块:注重实时的刷新,用户订单后马上在页面上显示新的订单;其次就是多个网页同时在线处理订单时,保证系统的流畅性。
- 二、店家管理的模块:注重页面的美化和展qi,外加细节的处理,以及与后端的交互,其中相对比较麻烦的就是图片的传输(采取的是二进制传输,其实也可以采取超链接的方式将图片部署在服务器上,由于没有服务器,就将图片以二进制的格式存取在数据库中)
前端编写总结
前端页面编写部分
- 前端页面的实现图标必不可少,外加logo的设计,由于图片使用过程中可能会修改背景颜色、大小等,所以我大部分采用svg的格式

- 前端原型的设计:前端的设计最好先设计好原型,无论使用墨刀,甚至手绘,又或者套用模板都是不错的选择。

与后端交互部分
接收数据格式基本采用json,也有备份
存在的问题:
- 由于部分原因,前端基本手写完成,也没怎么套用模板,最终发现页面的展示效果确实差强人意;学习的内容又少,后来才发现使用bootstrap等框架可以大大减少我写css的代码。
- 在逻辑方面也存在不少问题,处理订单的页面太过于关注与服务器的交互,实时刷新显示新的订单,导致页面相当单调,如果作为正式使用那是肯定不行的,可以在左侧添加菜谱数量的修改,以及来新订单时的提醒,也可以在右侧添加一个已处理过的订单列表,用于查看。
来源:https://www.cnblogs.com/ceilzcx/p/12045661.html

