我是如何一步步编码完成万仓网ERP系统的(二)前端框架

时间:2023-03-10 04:25:32
我是如何一步步编码完成万仓网ERP系统的(二)前端框架

  https://www.cnblogs.com/smh188/p/11533668.html(我是如何一步步编码完成万仓网ERP系统的(一)系统架构)

  https://www.cnblogs.com/smh188/p/11534451.html(我是如何一步步编码完成万仓网ERP系统的(二)前端框架)

  https://www.cnblogs.com/smh188/p/11535449.html(我是如何一步步编码完成万仓网ERP系统的(三)登录)

  https://www.cnblogs.com/smh188/p/11541033.html(我是如何一步步编码完成万仓网ERP系统的(四)登录的具体实现)

  https://www.cnblogs.com/smh188/p/11542310.html(我是如何一步步编码完成万仓网ERP系统的(五)产品库设计 1.产品类别)

  https://www.cnblogs.com/smh188/p/11546917.html(我是如何一步步编码完成万仓网ERP系统的(六)产品库设计 2.百度Ueditor编辑器)

  https://www.cnblogs.com/smh188/p/11572668.html(我是如何一步步编码完成万仓网ERP系统的(七)产品库设计 3.品牌图片跨域上传)

  https://www.cnblogs.com/smh188/p/11576543.html(我是如何一步步编码完成万仓网ERP系统的(八)产品库设计 4.品牌类别)

  https://www.cnblogs.com/smh188/p/11578185.html(我是如何一步步编码完成万仓网ERP系统的(九)产品库设计 5.产品属性项)

  https://www.cnblogs.com/smh188/p/11589264.html(我是如何一步步编码完成万仓网ERP系统的(十)产品库设计 6.属性项和类别关联)

  https://www.cnblogs.com/smh188/p/11596459.html(我是如何一步步编码完成万仓网ERP系统的(十一)产品库设计 7.发布商品)

  https://www.cnblogs.com/smh188/p/11610960.html(我是如何一步步编码完成万仓网ERP系统的(十二)库存 1.概述)

  https://www.cnblogs.com/smh188/p/11669871.html(我是如何一步步编码完成万仓网ERP系统的(十三)库存 2.加权平均价)

  https://www.cnblogs.com/smh188/p/11763319.html(我是如何一步步编码完成万仓网ERP系统的(十四)库存 3.库存日志)

  万仓网ERP系统不开源,准备做一个系列,讲一讲主要的技术点,这些技术点会有源代码。如果想看所有源代码,可以打道回府了,没必要再阅读下去了,浪费您宝贵的时间。
  
上篇把系统架构搭起来了,当然系统架构并不是一蹴而就的,而是循序渐进的。道路是曲折的,前途是光明的。

  这篇咱们就说说前端框架的选型。

  咱们熟知的有jQuery UI,easyui等等吧,国内的国外的,收费的免费的等等有很多,自己也可以做一个。

  我供职过的一家公司使用过DWZ,一个简单实用的国产JQuery UI框架,实用起来非常简单方便,有兴趣的朋友可以研究一下DWZ。

  在这里咱们说另外一个优秀的前端框架 B-JUI(官网好像打不开了)。B-JUI结合了DWZ、Bootstrap、font awesome和nice validate等一些现代化的js,css插件,使页面更加美观大气上档次(高大上),直接上个原官网图片吧。

  我是如何一步步编码完成万仓网ERP系统的(二)前端框架

  B-JUI比较符合我的审美,首先是上 左结构,上面是大菜单,左边是关联的小菜单,右边是正文。点击上面大菜单,左边菜单跟着变化。如果系统过于庞大,菜单全部集中在左边时,会显得左边过于重,不符合我的审美,B-JUI正好合适,那还有什么好说的,前端框架就选它吧。

  我是如何一步步编码完成万仓网ERP系统的(二)前端框架

  最后上传一下万仓网ERP系统的界面,对B-JUI做了一下简单的调整,把上面的横向导航栏从右边移动到左边,每个人的界面根据权限来动态加载菜单。首页的右边正文,可以做一些待办事项提醒,统计图表等。

PS:客官有时间光临我的小站 万仓网