校园网站建设的系统分析,中国建设app手机银行,服务商标有哪些,东莞公司注册可以用住宅吗我对于PHP和ajax是属于二把刀的水平#xff0c;所以做网页前端肯定是比上天还难#xff0c;但是我又想把网页做的漂亮可爱#xff0c;怎么办呢#xff1f;我就只好去download别人的模板#xff0c;在这里我使用了bootstrap框架做的模板。各位可以去https://wrapbootstrap.… 我对于PHP和ajax是属于二把刀的水平所以做网页前端肯定是比上天还难但是我又想把网页做的漂亮可爱怎么办呢我就只好去download别人的模板在这里我使用了bootstrap框架做的模板。各位可以去https://wrapbootstrap.com 里面有很多漂亮的模板提供下载当然是付费下载。我在这片文章里使用的是https://wrapbootstrap.com/theme/ace-responsive-admin-template-WB0B30DGR 这个。首先把这个ace.zip上传到服务器里然后解压缩看到里面有这些东西第一篇文章里我曾经说我的django文件的目录就是/django而建立的project叫DahuaCloud那么我现在就去/django/DahuaCloud里去#mkdir static用这个static文件夹去存放一些静态的文件比如jscss等等。把刚刚解压缩的这个ace文件夹里的assets文件夹全部放到static这个文件里然后把blank.html文件改名成index.html改完后把它cp到/django/DahuaCloud/Online/templates这个文件夹里。以上都是准备工作剩下的才是真正的改动。先#vim /django/DahuaCloud/DahuaCloud/url.py在原有基础上追加这样一句话: url(r^index/,Online.views.index,nameindex),然后#vim /django/DahuaCloud/DahuaCloud/setting.py在文章的末尾把static的目录添加上# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.10/howto/static-files/STATIC_URL /static/
STATICFILES_DIRS (os.path.join(BASE_DIR, static),
)还要 #vim /django/DahuaCloud/Online/views.py把下面的内容添加进去目的是添加一个对应的视图#显示首页
def index(request):context {}return render(request,index.html,context)然后 #vim /django/DahuaCloud/Online/templates/index.html这个文件就是刚刚改名的那个blank.html。添加一句{% load staticfiles %}这样就是与setting.py里面的STATICFILES_DIRS产生了连接{% load staticfiles %}
!DOCTYPE html
html langenheadmeta charsetutf-8 /title欢迎登陆陈男神的运维平台/titlemeta namekeywords contentBootstrap模版,Bootstrap模版下载,Bootstrap教程,Bootstrap中文 /meta namedescription content站长素材提供Bootstrap模版,Bootstrap教程,Bootstrap中文翻译等相关Bootstrap插件下载 /meta nameviewport contentwidthdevice-width, initial-scale1.0 /!-- basic styles --link href{%static assets/css/bootstrap.min.css%} relstylesheet /link relstylesheet href{%static assets/css/font-awesome.min.css%} /!--[if IE 7]link relstylesheet hrefassets/css/font-awesome-ie7.min.css /![endif]--!-- page specific plugin styles --!-- fonts --link relstylesheet hrefhttp://fonts.googleapis.com/css?familyOpenSans:400,300 /!-- ace styles --link relstylesheet href{%static assets/css/ace.min.css%} /link relstylesheet href{%static assets/css/ace-rtl.min.css%} /link relstylesheet href{%static assets/css/ace-skins.min.css%} /在settings.py中我们定义static标签的路径是/static/, 因此href{%staticassets/css/bootstrap.min.css%}将会被解析为href/static/assets/css/bootstrap.min.css%}。这样即使今后静态文件所在位置发生变动我们只需要调整settings.py的配置即可不需要更改原来的页面。保存之后启动django在浏览器里输入外网地址:8000/index之后就会看到成果至此框架已经搭建完毕剩下的内容就是把这个框架跟前几篇文章里的内容相结合起来。 转载于:https://blog.51cto.com/chenx1242/1949231
