uliweb用户界面应用程序
uliweb-ui的Python项目详细描述
#uliWeb用户界面
##是什么
uliweb ui用于收集ui组件,如css和js。
##编译实用程序和标记
首先安装node.js、npm,然后安装gulp和依赖项:
` npm install gulp npm install gulp gulp-riotgulp-clean-cssgulp-jshintgulp-uglifygulp-concatgulp-renamegulp-notify del riot uglify-js error jshint `
运行:
` gulp default `
编译uliweb ui.css和uliweb ui.js到uliweb ui/static/modules 将标签编译为uliweb ui/static/modules/tags
##生成jsmodules.js
js modules.js用于将settings.ini中定义的js模块组合成javascript 文件,以便head.load可以通过load([“module1”,“module2”],function(){})加载它们。 您可以通过命令行uliweb jsmodule-auliweb-ui重新创建它并保存 它指向uliweb用户界面/static/jsmodules.js。因为uliweb ui只是一个应用程序,而不是一个应用程序, 因此,您应该在项目目录中运行jsmodule project,只需将uliweb用户界面添加到已安装的应用程序中,然后运行命令。
uliWebUI已经为您创建了jsmodule.js。但是如果你想添加更多的ui组件 对于settings.ini,并且还想使用load来处理它们,您应该重新创建jsmodules.js 你自己。
##Concat插件 步骤1在uliweb项目的“settings.ini”中编写一些配置。像这样:
` [TEMPLATE_GULP] you_want_name = [ "plugin name", ... ] `
步骤2在uliweb项目的cli中输入命令
` uliweb gulpplugins -d app_name `
然后您将在文件夹中找到一些文件(you_want戋name.js&;you戋want戋name.css)
` .../your_project/apps/app_name/static/ `
步骤3在模板文件中,使用plugin和命令“{{use'plugin name}}”,您想要的是name.js,您想要的是name.css将被加载