Django框架之配置信息

静态文件

项目中的CSS、图片、js都是静态文件。一般会将静态文件放到一个单独的目录中,以方便管理。在html页面中调用时,也需要指定静态文件的路径,Django中提供了一种解析的方式配置静态文件路径。静态文件可以放在项目根目录下,也可以放在应用的目录下,由于有些静态文件在项目中是通用的,所以推荐放在项目的根目录下,方便管理。

为了提供静态文件,需要配置两个参数:

  • STATICFILES_DIRS存放查找静态文件的目录
  • STATIC_URL访问静态文件的URL前缀

示例

1) 在项目根目录下创建static目录来保存静态文件。

2) 在bookmanager/settings.py中修改静态文件的两个参数为

STATIC_URL = '/static/'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static'),
]

3)此时在static添加的任何静态文件都可以使用网址/static/文件在static中的路径来访问了。

例如,我们向static目录中添加一个index.html文件,在浏览器中就可以使用127.0.0.1:8000/static/index.html来访问。

或者我们在static目录中添加了一个子目录和文件book/detail.html,在浏览器中就可以使用127.0.0.1:8000/static/book/detail.html来访问。

App应用配置

在每个应用目录中都包含了apps.py文件,用于保存该应用的相关信息。

在创建应用时,Django会向apps.py文件中写入一个该应用的配置类,如

from django.apps import AppConfig


class BookConfig(AppConfig):
    name = 'book'

我们将此类添加到工程settings.py中的INSTALLED_APPS列表中,表明注册安装具备此配置属性的应用。

  • AppConfig.name属性表示这个配置类是加载到哪个应用的,每个配置类必须包含此属性,默认自动生成。

  • AppConfig.verbose_name属性用于设置该应用的直观可读的名字,此名字在Django提供的Admin管理站点中会显示,如

    from django.apps import AppConfig
    
    class UsersConfig(AppConfig):
        name = 'book'
        verbose_name = '图书管理'

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Django框架配置使用Vue框架需要进行以下步骤: 1. 安装Vue.js 使用npm或yarn安装Vue.js,可以通过以下命令来安装: ``` npm install vue ``` 或者 ``` yarn add vue ``` 2. 创建Vue.js项目 使用Vue CLI创建Vue.js项目,可以通过以下命令来创建: ``` vue create myproject ``` 3. 配置Django框架Django项目中,创建一个新的文件夹,例如staticfiles,用于存储Vue.js项目的静态文件。 在Django项目的settings.py文件中添加以下代码: ```python STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'staticfiles'), ] ``` 并将以下代码添加到urls.py文件中: ```python from django.views.generic import TemplateView urlpatterns = [ # ... other urls path('', TemplateView.as_view(template_name='index.html')) ] ``` 4. 编译Vue.js项目 使用命令行进入Vue.js项目的根目录,执行以下命令: ``` npm run build ``` 或者 ``` yarn build ``` 这将在Vue.js项目的dist文件夹中生成编译后的静态文件。 5. 在Django项目中使用Vue.js 将编译后的静态文件复制到Django项目的staticfiles文件夹中。 在Django项目的模板文件中,使用以下代码来引用Vue.js的静态文件: ```html {% load static %} <script src="{% static 'js/app.js' %}"></script> ``` 其中,'js/app.js'是Vue.js编译后的JavaScript文件的路径。 在Vue.js项目中,可以使用axios等HTTP库来访问Django后端API。例如: ```javascript import axios from 'axios'; axios.get('/api/users/') .then(response => console.log(response.data)) .catch(error => console.error(error)); ``` 这将向Django后端API发送一个GET请求,并在控制台中打印响应数据。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Echo-Niu

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值