HouJS

Существует множество библиотек JavaScript, многие из которых достаточно стабильны и удобны в использовании. Я хочу объединить хорошие библиотеки JavaScript с помощью RequireJS в одно целое, чтобы предоставить их вам для использования.

Установка 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'
    }
});

Укажите путь к папке с подфайлами js в HouJS.

И всё готово!

Использование

Когда мы завершим развёртывание, использовать каждый функционал 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, что означает отсутствие проблем с авторскими правами независимо от того, используется ли он в учебных или коммерческих целях.

Наша цель — помочь вам реализовать бизнес-требования с минимальным количеством кода JavaScript.

Настройка Hou-Admin

Используйте html/hou.html в качестве начальной страницы бэкенда, которая содержит меню и начальную страницу.

Библиотеки

HouJS использует Semantic UI и JQuery в качестве основы пользовательского интерфейса, а также RequireJS для организации кода JavaScript в модули.

Демонстрация

Hou-Admin

Примеры

• Интеграция редактора UEditor от Baidu с использованием HouJS
• Реализация функции локального сохранения в редакторе Markdown (SimpleMDE) в HouJS

Лицензия

MIT