[创业公司做前端]一、后台管理系统

首先,后台管理系统一定要前后端分离,一方面提高前端技术选型的灵活性,再一方面也可以解决后端人员使用模版语言的麻烦。其次,后台管理系统都会有较复杂的数据交互和组件化的需求,react是个合适的选择,mvvm的框架要么概念太多、要么模版语言偏命令式。选择了react之后,再搭配antd,将会是个很好的选择。react-bootstrap也是不错的选择,但是相对于antd来讲,它的组件较少,需要自己封装一些通用组件。数据流方面,慎用redux,在大部分的场景,使用组件state比用redux来的简单快捷。构建工具一定得用webpack,生成的前端资源最好在一个目录下,这样可以方便前端的自动化发布。

然后,后台管理系统的外壳,去百度一个好看些的主题,将样式临摹下来就可以,最好找那些与antd样式相近的主题。在多人开发的情况下,router和左侧菜单的代码非常容易冲突,要考虑进行隔离以及抽离成json。可以将外壳的逻辑(其中包括外壳的样式、router的定义、左侧导航的定义)封装成一个frame组件,每次业务开发将它作为最上层的组件。这样,开发页面时,配置好router和左侧菜单,定义好自己的业务组件,然后引入frame组件,整体开发就有个清晰的流程,再加之antd组件的丰富,即使是开发经验在一年以下的前端,经过培训之后也可以轻松的胜任后台系统的开发。

最后附上一个demo,公司目前所用的后台管理系统是在这个demo上开发的

下一篇的主题是 --- 前端自动化发布

时间: 2024-08-10 19:11:41

[创业公司做前端]一、后台管理系统的相关文章

程序员把地府后台管理系统做出来了,还有3.0版本!

第一幕:缘起 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员-- 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找"人"开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求. 话说还是中国电信的信号好,地府都是满格,哈哈!!! 经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下? 而这次,面对这样的需求,这个程序员也是虎躯一震,本来想拒绝的,不过做不完就不让回去,而且,貌似这也是他报仇的好机会啊! 产品同学也被勾下来了.. 第二场:

简易版CMS后台管理系统开发流程

前言:最近公司做了几版后台管理系统,都不太满意.正好赶上51放假期间,我打算自己在花点时间做一个. 后台的界面设计,程序编写都是由我自己一个人来完成,如果有感兴趣的朋友可以和我一起来做. 开发环境是VS2013+MVC5+EF6 数据库采用Sql server2012 IIS7.5 制作工具HBuilder 今天先来看看搭建个大概框架放到下一章吧 下一章:FytMsys    系统框架搭建 有感兴趣的朋友可以加我群:86594082

今天在做后台管理系统的无刷新左侧菜单,遇到两个难题:(CTE递归查询、ashx+Session[])

今天在做后台管理系统的无刷新左侧菜单,遇到两个难题: 1.怎么将数据表中的菜单项按树形结构进行层次性的查询?群里有人给我指点说用CTE递归查询,我还没搞明白. 2.要做左侧导航栏的根据用户权限的无刷新加载时,要用到AJAX,那么就要在ashx一般处理程序中取得Session["UserID"]的值,但是ashx中是不能用Session的,之后找到一篇文章,指出:若要在ashx中使用Session和Request需要引入一个接口. 在ashx文件中使用Session和QueryStrin

构建ASP.NET MVC5+EF6+EasyUI 1.5+Unity4.x注入的后台管理系统(1)-前言与目录(持续更新中...)

前言: 起初写这个框架的时候,可以说在当时来说并不是很流行的设计模式,那是在2012年,面向对象的编程大家都很熟悉, 但是“注入.控制反转(DI,IOC,依赖注入).AOP切面编程”新兴名词 很多人并不知道特别是从事.NET开发的人,至少在当时 是这么样的,但是在今天它们却是非常流行的技术指标,很多大牛也承认,这是主流的开发模式,你们可以从招聘网的技术岗位看出. 我从事过MVC2.0到5.0的相关开发工作,见证了MVC的成熟演变过程,就像本框架一样,设计模式未曾改变,但是代码一直在重 构.我也坚

构建ASP.NET MVC5+EF6+EasyUI 1.4.3+Unity4.x注入的后台管理系统(51)-系统升级

系统很久没有更新内容了,最近花了2个月的时间每天一点点,从原有系统 MVC4+EF5+UNITY2.X+Quartz 2.0+easyui 1.3.4无缝接入 MVC5+EF6+Unity4.x+Quartz 2.3 +easyui 1.4.3. 并以easyui 1.4.3的gray皮肤为基础,升级10个扁平化皮肤 皮肤查看地址 更新的主要目的:新的MVC5特性和更好的性能 记录一下升级过程. 1.除了web层,其他全部提取. 2.新建解决方案.以前命名空间为App.现在更名为Apps. 3.

vue开发后台管理系统小结

最近工作需要用vue开发了后台管理系统,由于是第一次开发后台管理系统,中间也遇到了一些坑,想在这里做个总结,也算是对于自己工作的一个肯定.我们金融性质的网站所以就不将代码贴出来哈 一.项目概述 首先工作需求是这样的,开发一个公司的总后台,包含各个不同的模块,总体难度一般,没有开发ui图,用的vue-cli .elementui框架.webpack打包. 总需求的思维导图见链接  http://naotu.baidu.com/file/e8c31b43dfb2f18a3c523e0fa1393c0

从零开始编写自己的C#框架(8)——后台管理系统功能设计

原文:从零开始编写自己的C#框架(8)--后台管理系统功能设计 还是老规矩先吐下槽,在规范的开发过程中,这个时候应该是编写总体设计(概要设计)的时候,不过对于中小型项目来说,过于规范的遵守软件工程,编写太多文档也会拉长进度,一般会将它与详细设计合并到一起来处理,所以本文档看起来会怪怪的,不是很符合规范,它只是从实用角度出发来编写,以指导后面功能的设计与开发. 从零开始编写自己的C#框架 后台管理系统功能设计文档 文件状态: [√] 草稿 [  ] 正式发布 [  ] 正在修改 文件标识: C#框

后台管理系统效果图UI界面html源码后台源代码

后台管理系统效果图UI界面html源码后台源代码 亲注意,我们销售的网站模板或者网站代码.系统源代码,是网站开发者(程序员)才可能用到的模板或者代码. 网站模拟适用于做好网站前台又不太想在后台界面花太多时间构想.对传统管理界面审美疲劳的中小企业或个人建站者,因需自行套上ASP/ASP.NET/PHP等程序后使用,所以我们不建议没有专业知识基础的亲购买,不懂专业知识和不懂此为何物的请慎怕! 程序源代码,适用于开发者对于个别功能没有开发经验或者无从下手,可以参照或者直接使用的. ----------

ASP.NET MVC5+EF6+EasyUI 后台管理系统(1)-前言与目录(持续更新中...)

开发工具:VS2015(2012以上)+SQL2008R2以上数据库  您可以有偿获取一份最新源码联系QQ:729994997 价格 666RMB  升级后界面效果如下: 日程管理   http://www.cnblogs.com/ymnets/p/7094914.html 任务调度系统界面 http://www.cnblogs.com/ymnets/p/5065154.html 系统权限全套完整图  http://www.cnblogs.com/ymnets/p/5065201.html 系统