澳门新浦京娱乐场网站-www.146.net-新浦京娱乐场官网
做最好的网站

澳门新浦京娱乐场网站:django静态文件,laravel与

django静态文件(js脚本、CSS、图片等)

django静态文件,django静态

django静态文件(js脚本、CSS、图片等)

暗中认可统一放在每二个app的static文件夹下,

透过募集静态文件命令,自动将每一个app下static文件夹下的公文复制到根目录的static文件夹下

1、在app1上边新建static文件夹,在该公文夹下加入script文件夹,增加test.js脚本文件,目录结构如下:

  澳门新浦京娱乐场网站 1

2、在母版页增添test.js脚本的援用

    {% load static %}
    <script type="text/javascript" src="{% static 'script/test.js' %}"></script>

3、搜聚静态文件,并重启python服务器,打开网址观察脚本已经援用

 

django静态文件(js脚本、CSS、图片等) 私下认可统一放在每多个app的static文件夹下, 通过搜罗静态文件命令,自动将...

laravel与fis3开销情形布署

环境

中间件express.static

暗许统一放在每二个app的static文件夹下,

测验情况布置

  1. centos7
  2. django 1.11
  3. nginx

咱们使用express开首化二个索引的时候,会在app.js中观察一大推的app.use。

经过征集静态文件命令,自动将每二个app下static文件夹下的文本复制到根目录的static文件夹下

支出流程

白话

个中一个根本的中间件是express.static(4.0本子如故保留的中间件)

1、在app1上边新建static文件夹,在该公文夹下到场script文件夹,增加test.js脚本文件,目录结构如下:

1.laravel安装

方式一:composer安装:

composer global require "laravel/installer=~1.1"

laravel new blog

格局二:下载安装包:

下载地址:http://down.golaravel.com/laravel/laravel-v5.1.11.zip

放手钦点目录

我们得以应用Template 设置大家的网页,同期,一个完美的网页供给css,js,image 等静态文件的支撑。

var express = require('express');
var app = express();

app.use('/static',express.static('public'));

  澳门新浦京娱乐场网站 2

2.主机配置

澳门新浦京娱乐场网站:django静态文件,laravel与fis3开拓条件陈设。windows下的c:windows/system32/drivers/etc/host文件加多127.0.0.1       fis.lanxiniu.com

修改apache下文件httpd-vhosts.conf文件加多

DocumentRoot "E:/XAMPP/htdocs/online/liubai/"

ServerName online.gallery.io ##与host配置保持一致

django中配置格局一般有多数总,因为众多相关的博客写的点子并差异样,当然那也许是django 的本子差异形成的。

通过express.static能够补助我们托管静态文件,js,css,img等。

2、在母版页加多test.js脚本的引用

3.安装fis

①. 张开 composer.json 增添重视

"require": {

...

"fex-team/laravel-fis": "*",

...

},

②.装置依赖

$ composer install

③.打开 config/app.php 添加 Provider

'providers' => [

// 添加 FIS 的 Provider

FisProvidersResourceProvider::class,

],

④.进来项目目录

$ cd 项目目录

⑤. 初始化

$ fis3 init laravel

当大家在三个品类下创立多个app后,我们就必要为该app下开创三个static 文件夹来存放在相关静态财富。

express.static使用

    {% load static %}
    <script type="text/javascript" src="{% static 'script/test.js' %}"></script>

4.页面编辑

①.在resource/view文件下新建index.blade.php编写页面文件

②.修改app/http/root.php,注册路由

③.地面测量试验

但创造了五个app后,就须要在两个app下开创static。

着力选取

3、搜集静态文件,并重启python服务器,张开网址看到脚本已经援用

5.修改fis.js配置,将安顿保存后出现到钦点目录

①.配置根目录下文件fis-conf.js

②.产出到当前项指标根目录下fis release -d ../test

如此引进了八个主题材料,因为,我们的恐怕用了同三个js文件。分别存放显明是浪费加载时间。

品类目录下的public上边有css,js,img等文件夹。

 

6.测量检验行生产出项目

再次步骤2,配置好测量试验情形后测量试验看能无法运维

附件:

1.demo:

view文件:resources/views/home.blade.php,

resources/views/driver.blade.php

路由注册 :app/http/rooute.php中出席

Route::get('/home',function(){

return view('home');

});

Route::get('/driver',function(){

return view('driver');

});

注:默认配置vhost时索要一贯写道pubilc文件目录下,例:

<VirtualHost *:80>

DocumentRoot "E:/XAMPP/htdocs/laravel.fis.test1/public"

ServerName test.fis.com

</VirtualHost>

连带主题素材:

  1. 前端页面开采,开采的html页面、js、css、img 保存路线?

fis下文件目录结构:

澳门新浦京娱乐场网站 3

page 放置页面模板

widget 一切组件,包含模板、css、js、图片以及别的前端能源

test 一些测量试验数据、用例

static 放一些组件公用的静态能源

static/lib 放置一些公共库,譬如 jquery, zepto, lazyload 等

laravel下文件目录:

app放置后台php管理有关文书

resource制止页面文件

public下放置js,img,css等文件

2. 前端页面测量试验,前端页面怎么在支付进度中测量检验?

fis3 release -w

fis3 release -wl刷新内置浏览器

3. 后端脚本开辟,后端脚本的寄放路线?

app文件夹http/controller

4. 后端脚本测量检验,后端脚本怎么样测量检验

5. 左右端脚本集成测量试验,前后端脚本怎么着集成?前后端基本什么联调测验?

6. 种类揭露,项目揭露注意事项?

于是在实质上安顿的时候,大家会将分裂app下的static 文件放到三个“合适”的地点。提升能源加载速度,同有时候也方便管理。

自身如此须求通过express托管他们,以便大家运营服务器的时候能够访问到这一个多少。

好了,大致正是其一思路,大家上边介绍怎么着布置

在app.js中添加

配置

var express = require('express');
var app = express();

app.use(express.static('public'));

step one

大家即可透过

--app
 --migrations
 --static
  --css
  --js
  --image
 --templates
 --__init__.py
 ...



文本结构如上所示,注意,小编这里只显示了某app下的协会,而不是百分百项目结构,恐怕您的未有templates那么些文件夹,那没什么,这么些是自家创立的。

注意:富有文件的路径都以对立于存放目录的,因而,存放静态文件的目录名不会冒出在 url 中。

大家最棒在static下分类好不一样文件夹 css , js,image.(那是推荐的做法)

虚构目录

多少个app时,大家就在区别的app 下创制static。(前面大家在讲更客观的法门,这里必要这么做为了你理清步骤)

为静态能源目录钦定二个挂载路线的格局来兑现。

step two

我们得以给我们的静态文件增多虚构目录,那样有的时候候方便大家归监护人理我们的url,也一览精通地阅览能源的特性。

在settings.py中的STATIC_U途锐L = '/static/'前面增多

var express = require('express');
var app = express();

app.use('static',express.static('public'));
STATIC_ROOT = os.path.join(BASE_DIR, 'static')

访问:

这个STATIC_ROOT 正是我们最后计划时候必要利用的,化解财富分散的难题。



BASE_DI普拉多这一个变量在settings.py的开端有的被定义,就是系列根目录的目录名。

留心:这里我们增加了设想目录,所以大家的url中必须带上这几个目录才具访问的到。

os.path.join 方法,在品种根目录下新建三个static文件夹。

上述正是本文的全体内容,希望对我们的求学抱有援救,也盼望我们多多帮助脚本之家。

自家看齐数不清博客这里配置的诸多,很乱,令人摸不着头脑。

您也许感兴趣的稿子:

  • 详解利用 Express 托管静态文件的主意

本条地方完全能够这么安顿,加载大家的静态财富。(信作者,我只是被好多不负权利的博客坑惨了)

step three

开创文件夹完,配置文件这两步都成功后,大家须求的便是把她放到网页中体现。

在app下新建多个templates,假如有就毫无成立

--app
 --migrations
 --static
 --templates
  --appname
   --index.html
 --__init__.py
 ...

大家细心,笔者并未直接在templates下直接创立index.html ,而是创制了贰个”appname”(就依赖你的app来命名那样不会争持)。并在appname 下开创的index.html。

因为django去找template的时候是吧app下的templates ,存为八个list。倘诺我们四个app,就大概导致,想访问app2的index,结果却回到了app1的index.html。

index.html 内容

{% load static %} #这个地方引入static这个文件
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>

</head>
<body>
<img src="{% static "image/logo.png" %}" alt="My image"/> #{% static "image/logo.png" %}表示路径

</body>
</html>

这里的#号注释是便于大家明白,并不是html扶助的格式,粘贴的时候要求去掉

并在image文件夹下参预一张名称叫logo.png的图纸,因为图片能够直观的判读大家的装置是还是不是见效。

python manage.py runserver 0.0.0.0:9000

走访你的七千端口,查看时候生效。注意大家到这里还未配备nginx.

若果没错,表达路线没难点。

step four

python manage.py collectstatic

该命令搜罗项目下的静态文件,统一保存到 STATIC_ROOT 正是大家第二步,刚刚配置的。

--project
 --project
 --static
 --app1
 --app2
 --manage.py
 ...

step five

nginx 中配置

 location ^~ /static/ {
  root /home/project/;
  }

本条地点 注意安顿到static的上级就能够了。

小编后面布署成了root /home/project/static 就能够一向提醒404

在配置的时候,django也提议将settings.py中的debug=True 改为debug=False。以担保卫安全全性。

再一次开动nginx ,看看是不是中标了啊?

假设成功了,能够将app下的static删掉再试试,理论上也是能够成功的,因为那时大家曾经将品种全数的静态文件全都集中到了根目录下的static中。

总结

安顿静态文件或然要先领悟她是何等生效的,one by one,搞清逻辑。

那么在配置才不会混杂,不然不一致的课程只会令人抓狂。

假诺找不到有关博客的话,静下心来阅读官方文书档案。你能够形成的。

上述便是本文的全体内容,希望对大家的学习抱有帮忙,也可望大家多多协理脚本之家。

您或然感兴趣的篇章:

  • 使用Python的Django框架中的压缩组件Django Compressor
  • python django 访问静态文件现身404或500谬误
  • Django 增多静态文件的三种完结方式(不可不看篇)
  • django静态文件加载的秘技
  • Django学习课程之静态文件的调用详解
  • Django压缩静态文件的达成格局详析

本文由澳门新浦京娱乐场网站发布于www.146.net,转载请注明出处:澳门新浦京娱乐场网站:django静态文件,laravel与