django怎样使用js
态的资源通常放入static文件夹中:static/css/djquery.csssamples/hello.cssjs/jquery-1.7.1.min.jssamples/hello.js其中css和js都按照应用名称(这里是samples)划分文件夹,如果文件较多,还可以再划分子文件夹。
Django通常使用模板来展现html,而且我们通常使用继承的模板,所以需要将共用的元素,比如全局的css,对jquery.js的引入等,写到base模板中,而将具体页面的元素放到具体的模板中。
这就牵涉到如何嵌套的问题。看下面的例子:
如何在Django后台admin中集成一个富文本编辑器
一、下载安装
python setup.py install
二、
1.将tinymce/static/tiny_mce文件夹放到your_project/static目录下;
2.将tinymce文件夹放到your_project目录下
三、在urls.py文件中加入:
url(r'^tinymce/',include('tinymce.urls')),
四、在settings.py文件中加入:
INSTALLED_APPS = (
'tinymce',
)
五、在settings.py文件中加入:
TINYMCE_JS_URL=MEDIA_URL+'/static/tiny_mce/tiny_mce_src.js'
TINYMCE_JS_ROOT=MEDIA_ROOT+'/static/tiny_mce/'
六、在settings.py文件中加入:
TINYMCE_DEFAULT_CONFIG = {
'theme': "advanced",
'theme_advanced_toolbar_location' : "top",
'theme_advanced_toolbar_align' : "left",
‘width’: 600,
‘height’: 400,
}
七、修改models.py文件
from your_project.tinymce import models as tinymce_models
class Post(models.Model):
body=tinymce_models.HTMLField()
模块化后的前端怎么部署django nginx
以vue框架为例,在nginx.conf中监听80或443端口的server的路由配置设置为:
location ^~ /api { # url如/api/v1.0/user/info等,通过uwsgi转发到django后端项目中处理
include /etc/nginx/uwsgi_params;
uwsgi_pass 127.0.0.1:8077;
include /etc/nginx/mime.types;
}
location ^~ /static { # 后端的资源文件夹为static,前端请求后端项目包内的静态文件
root /root/backend_end_project/static/;
}
location ^~ /admin { # django的后台管理页面通过uwsgi转交给django处理
include /etc/nginx/uwsgi_params;
uwsgi_pass 127.0.0.1:8077;
include /etc/nginx/mime.types;
}
location ^~ /assets { # 前端的资源文件夹为assets,前端请求前端项目包内的静态文件
root /root/front_end_project/dist;
}
location / { # 表示其它路径都交给前端项目根目录下的index.html处理
root /root/front_end_project;
try_files $uri /index.html;
}
还没有评论,来说两句吧...