易于在django项目(python 3.x)中安装、配置和使用语义ui框架的库

django2-semantic-ui的Python项目详细描述


django语义用户界面

简单的python包,允许在django项目(python 3.x)中安装、配置和使用语义ui框架。

要求

  • NPM(最新稳定版本)
  • python 3.6.x
  • django 2.x.x

安装

  1. 安装gulp(cli),3.9.1版本可用于语义ui框架。
$ sudo npm install -g gulp@3.9.1
  1. 安装django2语义ui包:
$ pip install django2-semantic-ui
  1. 在settings.py:
  2. 中配置django2语义ui
INSTALLED_APPS=[...,'django_semantic_ui',]
  1. 运行install命令
$ python manage.py semantic_ui install

注意:您需要定义安装语义ui模块所需的设置,请参见:Install Semantic

  • 配置语义用户界面模块时,可以使用以下选项:
❯ Automatic (Use default locations and all components)

? We detected you are using NPM Nice! Is this your project folder? /home/franklinitiel/Documents/TSJ/projects/personal/python_tests/semanticui/static (Use arrow keys)
❯ Yes

? Where should we put Semantic UI inside your project? (semantic/) semantic
  1. 运行gulp build命令
$ python manage.py semantic_ui gulp_build
  1. 将“django.template.context_processors.static”添加到“模板”设置上的“context_processors”选项中
# settings.py# TEMPLATES settings'context_processors':[...,'django.template.context_processors.static',...,]
  1. 配置静态文件和文件夹,请参见:Managing static files
STATIC_URL='/static/'
  1. 将css和js添加到django项目中
{% load dsu %}
<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>Semantic UI Test</title>
    {% dsu_stylesheet_url %}
</head><body><!-- Your HTML code -->
    {% dsu_jquery_url %}
    {% dsu_javascript_url %}
</body></html>

设置生产环境

STATIC_URL='/static/'STATIC_ROOT=os.path.join(BASE_DIR,'static')
  • 并执行collectStatic命令
$ python manage.py collectstatic

附加设置

  • gulp_version默认为none,如果要安装特定版本的gulp模块(本地),可以使用此设置,例如:
# settings.pyGULP_VERSION='3.9.1'
  • 默认情况下,semantic_ui_version为none,如果要安装特定版本的semantic ui module(local),可以使用此设置,例如:
# settings.pySEMANTIC_UI_VERSION='^2.4.2'
  • 语义目录名默认为“语义”,如果在安装语义ui框架时为js和css文件定义了自定义目录名(步骤4),则需要将其添加到此设置中。
# settings.pySEMANTIC_DIRNAME='semantic'
# settings.pyDSU_JQUERY_URL='...your jquery path...'

卸载django语义用户界面

  • 您可以使用以下命令卸载语义ui框架和gulp(本地版本):
$ python manage.py semantic_ui uninstall && pip uninstall django2-semantic-ui

发行说明:

  • 1.0.0:初始版本和测试版(仅安装和设置)。
  • 1.0.1:在readme.md文件中添加了新设置
  • 1.1.0:逻辑更新为安装/卸载django语义用户界面,添加了新设置。
  • 1.1.1:readme.md已更新
  • 1.1.2:readme.md已更新
  • 1.2.0:添加了新的templateTags以加载javascripts和样式表文件
  • 1.2.1:readme.md更新,修复了安装后执行命令“python manage.py runserver”的错误。
  • 1.2.2:错误修复执行命令“pytho manage.py runserver”

欢迎加入QQ群-->: 979659372 Python中文网_新手群

推荐PyPI第三方库


热门话题
java Selenium运行ChromeDriver而不修改路径   java软件包sun。网www.protocol。https不可见   java AEM中的哪个类实现了javax。servlet。请求调度器接口?   在java/scala中读取zip或7z文件时的性能问题   java将一个文件写入另一个二进制文件   java在类本身中创建实例   Java中C#Action()委托的等价物?   java如何在任何类中使用@Context或类似工具获取ServletRequest?   重构(java)应该/如何重构此代码?   hibernate中的java TransientObject异常   gwt使用Java在CouchDB 2.0 fauxton中创建文档   xml错误Java Jersey:NotAuthorizedException:HTTP 401未经授权   java heroku错误:无法找到或加载主类   java从CAS 5.0检索已发布的属性。Spring Security中的x 3.2.5