HouJs - 一套免费的基于JQ + RequireJS + Semantic-UI的JS集合。💯💯💯
Switch branches/tags
Nothing to show
Clone or download
Latest commit 9daed12 Dec 11, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.idea
admin
examples
houjs
README.md

README.md

Hou-Admin Logo

一套免费的基于JQ + RequireJS + Semantic-UI的JS集合。

感谢下面伙伴的支持

https://nai8.me

北哥小报

除了代码,还有诗和远方。欢迎添加我的微信号。

HouJS

Javascript库已经太多太多了,并且很多都足够的稳定好用,我要做的是使用requireJS将好的javascript库整合起来,变成一个集合,为你所用。

Install of HouJS(HouJS的安装)

下载源代码后将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'
    }
});

请配置HouJS的js子文件夹所在路径。

这一切就完成了

Use(使用)

当我们部署完之后,使用Hou-Admin的每个功能变的很简单,比如如下代码点击按钮出现弹出框。

<button id="btn">点击我</button>
<script type="text/javascript">
    require(['mods/modal'],function(modal){
        $('#btn').click(function(){
            modal.alert('我是一个按钮');
        });
    });
</script>

Hou-Admin

Hou-Admin是一套由HouJS实现而成的通用型后台管理模板系统,相比较现在大道其行的vue和react,Hou-Admin更适合后端开发人员,拆箱即用,无需更多前端技术和工具就可以轻松搭建出华丽的后台模板。

基于MIT开源协议发布,这意味着无论你是学习还是商业用途,都不会产生版权问题,也欢迎大家使用。

我们的目标是让大家用最少的js代码实现业务需求。

截屏

Set Hou-Admin(配置Hou-Admin)

将html/hou.html做为后台的初始化页面,里面包含菜单和初始化页面。

Libs(使用到的开源库)

HouJS在界面上使用Semantic UI和JQuery作为基础,同时使用requireJS来组织js代码使其模块化。

Demo(演示地址)

Hou-Admin

License(开源协议)

MIT