同步操作将从 abei2017/houjs 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
一套免费的基于JQ + RequireJS + Semantic-UI的后台管理系统
感谢下面伙伴的支持
除了代码,还有诗和远方。扫码关注我的公众号。
Hou-Admin是一套由JQ + RequireJS + Semantic-UI实现而成的通用型后台管理模板系统,相比较现在大道其行的vue和react,Hou-Admin更适合后端开发人员,拆箱即用,无需更多前端技术和工具就可以轻松搭建出华丽的后台模板。
基于MIT开源协议发布,这意味着无论你是学习还是商业用途,都不会产生版权问题,也欢迎大家使用。
我们的目标是让大家用最少的js代码实现业务需求。
下载源代码后将houjs整体放到服务器上,然后只需要引入以下文件
<!--样式文件-->
<link href="xxx/houjs/js/libs/semantic/semantic.min.css" rel="stylesheet">
<link href="xxx/houjs/css/hou.css" rel="stylesheet">
<!--JS文件-->
<script src="xxx/jquery.js"></script>
<script src="xxx/houjs/js/libs/semantic/semantic.min.js"></script>
<script src="xxx/houjs/js/require.js" data-main="xxx/houjs/js/main"></script></head>
具体文件的路径请修改成您自己的,同时data-main必须指定为main.js有效的路径,它代表模块的入口配置。
// 配置main.js
require.config({
baseUrl: '/houjs/js/',
paths: {
'mods':'mods',
'libs':'libs',
'modules':'modules'
}
});
请配置Hou-Admin的js子文件夹所在路径。
这一切就完成了
当我们部署完之后,使用Hou-Admin的每个功能变的很简单,比如如下代码点击按钮出现弹出框。
<button id="btn">点击我</button>
<script type="text/javascript">
require(['mods/modal'],function(modal){
$('#btn').click(function(){
modal.alert('我是一个按钮');
});
});
</script>
将html/hou.html做为后台的初始化页面,里面包含菜单和初始化页面。
Hou-Admin在界面上使用Semantic UI和JQuery作为基础,同时使用requireJS来组织js代码使其模块化。
MIT
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。