第一次用angularJS做后台管理点滴】的更多相关文章

很早以前就大概看过一点angualrjs,但是没有项目,一直没有进行下去,就是干巴巴的看着,过了一段时间发现什么也不记得了. 来yulebaby我的第一个后台管理是用easyui做的,做完那个以后发现有很多局限,因为easyui里面都是内嵌了iframe,当时在iframe中操作js的时候我真的是头疼想死呀.然后我就想着还是用angualr来弄吧,这也是现在前后台分离的方向,然后就有了接下来那些有趣的事情. Angularjs虽然很强大,但是你要是掌握了其中这几大块其实也是那么回事,双向数据绑定…
LigerUI是基于Jquery,轻量级UI框架.具体可以看官方演示 http://www.ligerui.com/ 我的简单后台 模拟Winodw桌面效果,挺不错呢.最喜欢的还是他的,下拉列表绑定Grid,主从表字段关联选择方便. 当然他也不是很好,也不少的BUG.…
可以添加,可以删除.动态的添加数据. 不用操作dom,只要操作json数据即可. <form class="form-horizontal addForm" id="edit_form"> <div class="form-group col-lg-12"> <label class="control-label col-lg-4"></label> <label clas…
给链接或按钮  添加 onclick="self.parent.addTab('百度','http://www.baidu.com','icon-add')" 如: <a href="javascript:void(0)" title="google" onclick="self.parent.addTab('百度','http://www.baidu.com','icon-add')">打开新TAB</a&…
目录 MVC5 网站开发实践 概述 MVC5 网站开发实践 1.建立项目   从这一部分开始做后台管理,首先是基本框架的 一.Data项目 1.项目添加EntityFramework引用 在Data项目的引用上右键-> 管理NuGet程序包. 在弹出的窗口中选择 EntityFramework 安装 2.添加排序枚举 在Data项目上点右键新建文件夹Type.在文件夹内添加类[OrderType],代码如下 //创建2014.12.8 namespace Data.Types { /// <s…
1.xadmin简介 django的admin管理后台页面很简洁,对个人来说做后台管理非常简单:xadmin的比较admin优化界面,看着也舒服. xadmin界面效果如下: 2.xadmin安装 从https://github.com/sshwsfc/xadmin/tree/django2下载支持django2版本的xadmin包xadmin-django2.zip 下载好后找到包的位置(前提你先搞个虚拟环境吧) 进入虚拟环境找到包的路径安装如下安装 pip install xadmin-dj…
最近朋友做app需要web做后台管理,所以花了一周时间做了这个项目. 废话不多说,开发环境是nginx+php5.3,使用thinkphp框架.是一个医疗器械数据统计的后台,业务功能很简单就是查看用户从app上面发布的数据. 由于刚接触thinkphp和一些前端的插件,所以遇到了很多问题,具体请看后续章节. 主要页面截图:…
最近要做一个企业的OA系统,以前一直使用EasyUI,一切都好,但感觉有点土了,想换成现在流行的Bootstrap为基础的后台UI风格,想满足的条件应该达到如下几个: 1.美观.大方.简洁 2.兼容IE8.不考虑兼容IE6/IE7,因为现在还有很多公司在使用Win7系统,系统内置了IE8 3.能通过选项卡打开多个页面,不想做单页,iframe也没关系 4.性能好,不要太笨重 5.最好以Bootstrap为基础 6.还希望在以后别的系统中能够复用. 一次次反复纠结的选择开始了,给大家介绍下我考虑过…
后台管理UI的选择 目录 一.EasyUI 二.DWZ JUI 三.HUI 四.BUI 五.Ace Admin 六.Metronic 七.H+ UI 八.Admin LTE 九.INSPINIA 十.LigerUI 十一.FineUI 十二.其它UI 十三.总结 最近要做一个企业的OA系统,以前一直使用EasyUI,一切都好,但感觉有点土了,想换成现在流行的Bootstrap为基础的后台UI风格,想满足的条件应该达到如下几个: 1.美观.大方.简洁 2.兼容IE8.不考虑兼容IE6/IE7,因为…
目录 一.EasyUI 二.DWZ JUI 三.HUI 四.BUI 五.Ace Admin 六.Metronic 七.H+ UI 八.其它UI 九.总结 最近要做一个企业的OA系统,以前一直使用EasyUI,一切都好,但感觉有点土了,想换成现在流行的Bootstrap为基础的后台UI风格,想满足的条件应该达到如下几个: 1.美观.大方.简洁 2.兼容IE8.不考虑兼容IE6/IE7,因为现在还有很多公司在使用Win7系统,系统内置了IE8 3.能通过选项卡打开多个页面,不想做单页,iframe也…
后台管理UI 目录 一.EasyUI 二.DWZ JUI 三.HUI 四.BUI 五.Ace Admin 六.Metronic 七.H+ UI 八.Admin LTE 九.INSPINIA 十.LigerUI 十一.其它UI 十二.总结 最近要做一个企业的OA系统,以前一直使用EasyUI,一切都好,但感觉有点土了,想换成现在流行的Bootstrap为基础的后台UI风格,想满足的条件应该达到如下几个: 1.美观.大方.简洁 2.兼容IE8.不考虑兼容IE6/IE7,因为现在还有很多公司在使用Wi…
之前的几篇记录了模板视图.模型等页面展示的相关内容,这篇主要写一下后台admin管理界面的内容. 激活管理界面 Django管理站点完全是可选择的,之前我们是把这些功能给屏蔽掉了.记得上篇中Django模型模型安装小结中,我们把settings.py中的部分内容屏蔽了,并添加了一个app,如下 INSTALLED_APPS = ( ## 'django.contrib.admin', ## 'django.contrib.auth', ## 'django.contrib.contenttype…
最近在做一个后台管理的项目,但是没有设计图完全,所以就发现一款非常不错的模版. 这个模版是基于 AngularJS 和 bootstrap 的后台管理系统模版. Minovate是 AngularJS 高级管理系统模板.它建造在流行的Twitter Bootstrapv3框架上.Minovate完全基于HTML5 + CSS3标准.是充分响应的支持每一个设备和浏览器. Minovate包含许多示例页面可以使用它的元素和可定制的.你可以选择6种颜色的头部样式.导航.你可以切换固定导航,标题和选择等…
一.EasyUI easyui是一种基于jQuery的用户界面插件集合. easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能. 使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面. easyui是个完美支持HTML5网页的完整框架. easyui节省您网页开发的时间和规模. easyui很简单但功能强大的. 优点:轻量.功能强大.免费.兼容性好.帮助详细.使用的人多生态好 缺点:非响应式布局.某些系统看起来有点土(客户与老板的感…
一个好的UI应该满足的条件应该达到如下几个: 1.美观.大方.简洁 2.兼容IE8.不考虑兼容IE6/IE7,因为现在还有很多公司在使用Win7系统,系统内置了IE8 3.能通过选项卡打开多个页面,不想做单页,iframe也没关系 4.性能好,不要太笨重 5.最好以Bootstrap为基础 6.还希望在以后别的系统中能够复用. 给大家介绍下我考虑过的UI,也给大家一个参考,如果你有更好的欢迎联系我补充....(PS:排名不分先后) 1.EasyUI easyui是一种基于jQuery的用户界面插…
Django后台一般是不需要人为的去开发的,因为django已经通过配置实现哪些模块是后台需要管理,如何排序,列表展示哪些列,列显示名称,是否为空(默认值),过滤条件,分页页数,列表中哪些项可编辑等等. 那么具体如何针对上一篇文章<Django:(博客系统)使用使用mysql数据&创建post/category/tag实体,并同步到数据中>中的tag/post/category模型进行修改配置来实现呢?可以参考django官网文章:https://docs.djangoproject.…
注:文中缺少了ZUI和LAYUI两个. 目录 一.EasyUI 二.DWZ JUI 三.HUI 四.BUI 五.Ace Admin 六.Metronic 七.H+ UI 八.Admin LTE 九.INSPINIA 十.LigerUI 十一.FineUI 十二.其它UI 十三.总结下下载 最近要做一个企业的OA系统,以前一直使用EasyUI,一切都好,但感觉有点土了,想换成现在流行的Bootstrap为基础的后台UI风格,想满足的条件应该达到如下几个: 1.美观.大方.简洁 2.兼容IE8.不考…
角色是网站中都有的一个功能,用来区分用户的类型.划分用户的权限,这次实现角色列表浏览.角色添加.角色修改和角色删除. 目录 奔跑吧,代码小哥! MVC5网站开发之一 总体概述 MVC5 网站开发之二 创建项目 MVC5 网站开发之三 数据存储层功能实现 MVC5 网站开发之四 业务逻辑层的架构和基本功能 MVC5 网站开发之五 展示层架构 MVC5 网站开发之六 管理员 1.登录.验证和注销 MVC5 网站开发之六 管理员 2.添加.删除.重置密码.修改密码.列表浏览 MVC5 网站开发之七 用…
Rhel6.5 Django1.10 Python3.5 应用环境:Python+Virtualenv(Python Virtualenv运行Django环境配置) Django-Admin后台管理 创建Django应用 新建项目和应用 (blog) [root@django2 blog]# django-admin startproject cherry05 (blog) [root@django2 blog]# cd cherry05 (blog) [root@django2 cherry0…
针对商贸企业的批发.零售管理设计的软硬件集成一体化的移动POS开单扫描解决方案--"移动开单掌上POS".它集后台管理软件.商品价格.库存等信息查询,店铺.展销会开单,移动捡货配送.外勤业务员现场下单.移动配销.智能盘点等强大功能.使商贸流通行业彻底摆脱手工写单据.计算和有线缆的作业束缚,实现高效.实时移动作业的一体化智能终端方案,从而轻轻松松做生意!浩瀚技术-移动POS管理系统 适用对象◆ 大型购物中心,综合百货商场,大型仓储超市,量贩店,批发中心: ◆ 便利店,文具书店,母婴用品店…
本项目是一个系列项目,最终的目的是开发出一个类似京东商城的网站.本文主要介绍后台管理中的区域管理,以及前端基于easyui插件的使用.本次增删改查因数据量少,因此采用模态对话框方式进行,关于数据量大采用跳转方式修改,详见博主后续博文. 后台界面展示: 地区管理包含省市县的管理.详见下文. 一.数据库设计 class Province(Base): """ 省 """ __tablename__ = 'province' nid = Column(…
通过前面五讲的系列教程,我们完成了一个简单模块的前端发布.列表展示.详情展示.实际生产环境中,所有前台的数据都会有对应的后台操作进行统筹管理.我们称之为后台管理系统. 今天,我们开始<10天学会phpWeChat>的第六讲:实现新闻的后台管理. 1.后台管理的代码在哪里编辑? 在第一天和第二天,我们大致了解了,对于一个功能模块来讲,后台管理和前台的控制器和视图都分为两大部分,前端控制器就是对应模块文件夹下的index.php,前端视图文件都在模块根目录的template/default/目录下…
最近自己需要一套后台管理的模版,然后去网上查找,模版的确很多,但是适合我的并不多.我需要的模版是不会很大,我能够控制代码,样式不要太古朴,最好有点CSS3的效果.最后终于找到一张主页,然后再根据这个主页来编辑其他的后台部分.第一眼看到这个样式,就非常满意.现在只做了四张页面,登录.首页.菜单管理和菜单添加页面. 浏览器兼容是尽量做到IE8以上可以使用,firefox.chrome浏览器等能完全兼容.由于IE8无法解析CSS3,所以有些地方会额外的制作CSS.下面的代码都不是完整的代码,完整代码可…
关于权限管理的思考 最近用laravel设计后台,后台需要有个权限管理.权限管理实质上分为两个部分,首先是认证,然后是权限.认证部分非常好做,就是管理员登录,记录session.这个laravel中也有自带Auth来实现这个.最麻烦就是权限认证. 权限认证本质上就是谁有权限管理什么东西.这里有两个方面的维度,谁,就是用户维度,在用户维度,权限管理的粒度可以是用户一个人,也可以是将用户分组,如果将用户分组,则涉及到的逻辑是一个用户可以在多个组里面吗?在另外一方面,管理什么东西,这个东西是物的维度,…
金天:学习一个新东西,就要持有拥抱的心态,如果固守在自己先前的概念体系,就会有举步维艰的感觉. 金天:看源码永远是Coder学习的最快捷路径.     看本文需要对Orchard大致体系, 特别是Module插件体系有一定的理解.   Orchard Admin Menu   自定义后台管理导航菜单,只要在自己的Module里面实现接口INavigationProvider, 如下图.     所有需要做的很简单,像上图,添加AdminMenu实现INavigationProvider接口.  …
Bootstrap是Twitter推出的一个用于前端开发的开源工具包.是目前最受欢迎的前端框架之一.下面为大家推荐17个免费的Bootstrap后台管理界面模板. 1. Admin Lite       AdminLTE - 是一个完全响应式管理模板.基于Bootstrap3的框架.高度可定制的,易于使用.支持很多的屏幕分辨率适合从小型移动设备到大型台式机. 2. Dashboard Sidebar           这是一个管理后台模板,拥有控制面板或仪表板.这个模板有一个可折叠的工具栏菜单…
Pyhon-djano提供了一个很强大的后台管理功能,你很轻松的就可以拥有一个后台管理平台.你需要做啥呢?你只需要将需要管理员进行管理的表注册到管理site中即可: from django.contrib import admin # Register your models here. from .models import Restaurant, Category, Order admin.site.register(Restaurant) admin.site.register(Categ…
闲聊: 今天是六一儿童节哟,小颖祝大家节日快乐哈哈哈.其实这个demo小颖断断续续做了将近两个礼拜了,心塞的,其实这个也没有多难,主要是小颖有点最近事情有点多,所以就把这个一直拖着,今天好不容易做好了嘻嘻.我们一起来看看效果图吧: 相关技术: 1.vue2.0 2.webpack 3.element 4.vue-router vue2.0环境搭建: 1.检查本地是否安装node:node -v 如果没有安装从node官网上下载相应的node,安装成功即可. 2.检查本地npm版本:npm -v,…
最近需要做一个粗略的后台管理的权限,根据用户的等级来加载相应的菜单,控制到子菜单.使用的是Easyui这个框架. 1.我使用的mysql数据库.在这里我就建立四张表,角色表(tb_users),菜单表(tb_menu),用户权限表(tb_role),权限菜单表(tb_user_role).表结构如下:数据是我随便插的. 因为两张权限表相当于辅助作用,所以实体层中只对角色表及菜单表进行构造与封装. 2.建立一个login.jsp页面,实现登录功能. 注意登录时查询到角色的rid(等级),(使用多表…
在微信开发中,我一直强调需要建立一个比较统一的Web API接口体系,以便实现数据的集中化,这样我们在常规的Web业务系统,Winform业务系统.微信应用.微信小程序.APP等方面,都可以直接调用基于JSON数据格式的Web API接口,在我之前的几篇随笔中,对这方面都有一定的介绍,本篇继续这个主题,细致深入的阐述如何在接口和源码的基础上整合Web API.微信后台管理及前端微信小程序的应用方案. 1.基于Web API的微信开发框架 首先我们各个业务模块,都应该围绕着Web API进行展开,…