一套免费的基于JQ + RequireJS + Semantic-UI的后台模板系统

Hou-Admin

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"/>

<script src="xxx/jquery.js">
<script src="xxx/houjs/js/libs/semantic/semantic.min.js">
<script src="xxx/houjs/js/require.js" data-main="xxx/houjs/js/main">

具体文件的路径请修改成您自己的,同时data-main必须指定为main.js有效的路径,它代表模块的入口配置。

// 配置main.jsrequire.config({
    baseUrl: '/houjs/js/',
    paths: {
        'mods':'mods',
        'libs':'libs',
        'modules':'modules'
    }});

请配置Hou-Admin的js子文件夹所在路径。

使用

内容

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

Demo(演示地址)    下载地址

最后修改:2018 年 10 月 23 日 04 : 16 PM

发表评论