django 使用网上下载的前端模板

article/2025/8/17 2:23:30

记录一下django使用前端模板的过
新手,没写过前端,不对的地方欢迎大神指教!!!谢谢。
环境 windows7 django3.X pycharm
1使用pycharm 创建django项目
2创建app,python manage.py startapp app名称
3把下载好的模板放到templates 文件夹里面
在这里插入图片描述

4 修改settings.py
4.1 INSTALLED_APPS 添加app

在这里插入图片描述4.2 TEMPLATES添加DIRS,这里因为我的模板都在templates里面所以并没有添加
在这里插入图片描述
4.3 STATIC_URL 设置为存放css fonts images js 等文件夹的目录。STATIC_ROOT也是一样,这里可以打印一下BASE_DIR,看的比较清楚

在这里插入图片描述5 urls.py中添加代码
在这里插入图片描述6 urls.py 导入app ,添加路由(emmm 应该是叫路由,吧?)

添加路由这里是我已经在views.py中写好的函数
7 你的app - views.py 写返回的页面
在这里插入图片描述这图和6中的图是一一对应的。返回的.html 都能在templates文件夹中找到。

至此,python manage.py runserver 启动 。然后访问http://127.0.0.1:8000/index.html 则可以看到下载模板的首页。这个方法每个.html都需要对应的路由 和函数,我查到别人的都是/XXXX/XXX 倒也不是不行,总是有点莫名,不太理解什么意思,还需要学习。


http://chatgpt.dhexx.cn/article/sdLiLpBu.shtml

相关文章

基于html+css+js线上订餐系统前端模板

h180效果图 部分源码 html <!doctype html> <html> <head><meta charset"utf-8"><meta http-equiv"X-UA-Compatible" content"IEedge,chrome1"><title>Cooker</title><meta name"descriptio…

使用Vue+Element-UI从0搭建一个常见的前端模板

首先&#xff0c;创建一个vue项目&#xff0c;这里不做过多阐述&#xff0c;直接写模板 简单的介绍一下一般的页面布局包括顶部导航栏&#xff0c;左侧菜单栏&#xff0c;和主要的信息展示页面 我们直接勾勒出一个这样的架子,这里使用了element-UI&#xff0c;记得用npm下载一…

免费html模板bootstrap,20 款超棒免费的 Bootstrap 管理和前端模板

1. SB Admin 2 2. Admin Lite 3. Director Responsive Admin Template Free 4. Free Bootstrap Admin Template Dream 5. Dashgum – Free Dashboard 6. Free Responsive Admin Template – Zontal Admin 7. Free Download Bootstrap Admin Template 8. Janux – Free Responsi…

【精美前端模板】你还不心动吗?

文章目录 &#x1f449;引言&#x1f48e;&#x1f31f;久等了&#xff01;&#x1f449;一、UniDark&#x1f449;二、My hat&#x1f449;三、ELYSIUM 魔兽世界&#x1f449;四、Sea Food美食&#x1f449;五、 Raduate&#x1f449;六、Goaway&#x1f449;七、CLEAN FRESH …

小区管理系统之后台管理前端模板

&#x1f525;作者主页&#xff1a;疯狂行者&#x1f525; &#x1f496;简介&#xff1a;Java领域新星创作者&#x1f3c6;、【计算机源码之家】公号作者✌ 简历模板、学习资料、面试题库【关注我&#xff0c;都给你】&#x1f496; &#x1f496;文末获取源码联系&#x1f…

前端模板引擎 -- Freemarker

一、Freemarker介绍 FreeMarker是一个模板引擎&#xff0c;一个基于模板生成文本输出的通用工具&#xff0c;使用纯Java编写。 FreeMarker被设计用来生成HTML Web页面&#xff0c;特别是基于MVC模式的应用程序。 虽然FreeMarker具有一些编程的能力&#xff0c;但通常由Java程序…

前端模板

总述 “模板”这个词&#xff0c;可能很多人第一印象是后端的技术&#xff08;Smarty&#xff0c;Velocity等&#xff09;&#xff0c;但本文要讲的却不是后端的概念&#xff0c;而是前端开发中所使用到的一种技术&#xff0c;也就是“前端模板”技术。 模板的工作原理可以简单…

前端模板template

一、背景 前端小白的成长历程&#xff0c;一般都会经历html模板的一些问题,jquery template/artTemplate/yayaTemplate等常见的模板使用&#xff0c;这里就不作介绍了。 先谈谈我们为什么要使用模板&#xff1f; 当一个html页面有许多重复功能、累赘功能、有逻辑功能&#xf…

后台管理系统纯前端模板

分享一个个人学习前端写过的模板&#xff0c;简单、高效、好用。 下载链接&#xff1a; https://download.csdn.net/download/qq_51701007/87109342https://download.csdn.net/download/qq_51701007/87109342 相关技术&#xff1a;HTML、CSS、JavaScript、Vue2.0&#xff08…

各种前端模板

标准色板 扩展色板 图表配色模板 字体大小模板 状态提示配色模板 品牌配色模板 字体颜色模板 分类色板 状态提示配色模板 分割线配色模板

快速搭建一个前端模板

之前写过好几个前端页面&#xff0c;都是从网上copy下来别人的模板&#xff0c;总是因为本案或者其他环境问题弄个半天&#xff0c;主要是影响心态&#xff0c;所以这次专门记录一下怎么快速生成一个前端模板&#xff1b; 1.下载并且安装打开 HBuilder X 这个软件 2.新建 3.然…

前端模板引擎使用

用来代替模板字符串&#xff0c; 在JS字符串中写模板问题? 1.维护不方便&#xff0c;不能换行&#xff0c;没有着色 常用模板引擎&#xff1a; 1. Art-template 2. DOT 3. JavaScript-Templates 4. Template.js 5. Tempo 6. ECT 7. Dot Dom 8. Template7 9. Bunny …

推荐几个前端模板下载站

相信大家自己做web项目的时候会为找不到好看的前端模板而发愁&#xff0c;有时候在网上找到了自己喜欢的模板&#xff0c;但是下载又需要积分或者是vip&#xff0c;最近我就整理了几个前端模板很多的网站&#xff0c;部分网站完全免费&#xff0c;不需要VIP或积分 top1 推荐指…

前端模板引擎

一. 为什么要使用模板引擎 关于为什么要使用模板引擎, 就我现在的项目而言,我还停留在进行发送Ajax请求到后台后,利用模板引擎拼接接受到的JSON字符串,展现到页面的地步. 按照我老师的一句话表达:不用重复制造轮子. 对于为什么要使用模板引擎的解释,我看过最好的回答来自知乎上…

后台系统前端模板

后台系统前端模板——WeAdmin Layui作为后台开发的前端框架&#xff0c;一直以来深受后端开发人员的喜爱。今天这篇文章展示WeAdmin设计巧妙之处&#xff0c;如果需要自定义菜单结构、理解其中的代码和运作原理&#xff0c;这里会给大家演示其修改过程&#xff01; 下面我给大…

初识前端模板

作者&#xff1a;yaya(http://weibo.com/zinkey) 王集鹄(http://weibo.com/zswang) 总述 “模板”这个词&#xff0c;可能很多人第一印象是后端的技术&#xff08;Smarty&#xff0c;Velocity等&#xff09;&#xff0c;但本文要讲的却不是后端的概念&#xff0c;而是前端开发…

前端html-部件模板收集(附源码)

目录 1.下拉列表 1.1 简单下拉菜单 1.2 输入框的下拉列表 1.2 响应式 JavaScript 侧边栏下拉菜单 可折叠隐藏 2.定位导航 3.选项卡切换 3.1 简单选项卡切换-自动 3.2 简单选项卡切换延时 4.轮播图 4.1 渐变轮播 4.2 滚动轮播&#xff08;走马&#xff09; 4.2.3 简单…

【前端开源模板推荐】

前端开源模板推荐 几款前端开源模板 做前端&#xff0c;直接开开源模板不仅省很多工夫&#xff0c;而且还比较美观&#xff0c;所以收藏一些&#xff0c;以备查用。 1、AdminLTE AdminLTE是一个完全响应的后台管理模板。基于Bootstrap3框架。高度可定制&#xff0c;易于使用。适…

几款前端开源模板

做前端&#xff0c;直接开开源模板不仅省很多工夫&#xff0c;而且还比较美观&#xff0c;所以收藏一些&#xff0c;以备查用。 1、AdminLTE AdminLTE是一个完全响应的后台管理模板。基于Bootstrap3框架。高度可定制&#xff0c;易于使用。适合许多屏幕分辨率从小型移动设备到…

使用win10的画图将照片变为2寸大小

材料/工具 一台电脑 方法 1 找到你要调整的图片&#xff0c;单击鼠标右键&#xff0c;选择【编辑】。 风云怎样压缩照片大小_2020全新版免费下载图片压缩器查看详情>>广告 2 打开后界面如图&#xff0c;点击【重新调整大小】。 3 弹出如图界面&#xff0c;点击【像素…