开发者社区> 游客pxprrm2iipsfu> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

数据工厂平台重启-2: 创建第一个页面首页

简介: 本节来讲一下,如何创造第一个页面 并且打通链路,让自己和同事可以正常访问:
+关注继续查看

上节课我们最后创建了一个叫myapp的应用,虽然它在项目下,但是并没有被安装,不安装的话我们后续很多操作都无法进行。安装很简单,打开我们的settings.py,给myapp 写到这里即可。

微信图片_20220705223740.png  首先我们在这个新创建的myapp里,手动创建一个文件夹,叫:templates 注意 必须叫这个名字这里。

微信图片_20220705223748.png微信图片_20220705223805.png

这个文件夹是用来干嘛的呢?它是用来创建和存放我们的 html模版文件的,也就是xxx.html, 一个网页,其实就是 html模版+静态资源+数据 形成的。

然后我们在手动创建一个文件夹叫static 来存放静态资源:必须叫这个名哦

微信图片_20220705223813.png

现在我们来看这个图,它标记出来了 组成页面的三个部分 都分别在哪里:

微信图片_20220705223821.png好我们现在在templates上新建一个html文件,起个名字叫home, 作为我们平台的首页。

微信图片_20220705223829.png微信图片_20220705223856.png

我们在这个home.html模版里 随便写一个标题,标题的标签 dom 是 h1

微信图片_20220705223902.png

输入方法是 输入h1 直接按tab键,就可以自动变成 <h1></h1> 后面的个/ 代表标签收尾。建议大家先自学或看看本公众号的接口测试平台的前几章,熟悉一下html的写法和构成。


那么作为以后的使用者,他要怎么才能进入到这个home首页呢?当然是在浏览器里输入一个url地址进入。


那么为什么url地址 就可以 让浏览器展示这个home首页呢?


链路其实分为三大部分 :

url -> 视图逻辑层/事物层/数据层-> html模版 


简单来说就是,用户输入url地址后,我们在urls.py中写好对照关系,让这个url关联到后台的一个函数,这个函数我们就暂时写在views.py中,然后这个函数去拿一些数据还有对应的html模版给 浏览器,浏览器又发现这个html模版需要一些静态资源比如图片之类的,就去static文件夹拿出来,最终组合成页面显示给用户。


所以我们的写法很简答,我们现在已经有了这个home.html,它并不需要任何静态资源,所以我们赶紧去views.py写好对应的那个函数,函数名字随意。

微信图片_20220705223908.png

微信图片_20220705223916.png

如上图,我取名和html模版一致,这样一眼就看出来它是干嘛的了。

它现在也不需要去数据库拿什么数据,就简简单单的返回home.html页面就好,新人写的时候注意格式,引号 等符号。


现在我们还差url和函数的对照关系映射设置。所以我们进入那个urls.py文件:微信图片_20220705223922.png

打开它后,先给它导入我们myapp下views.py内的所有函数,虽然现在只有一个home函数

微信图片_20220705223929.png

这里可能有些小伙伴用的是django 3.x 所以和我这个2.2的会不一样,默认用的是path函数。其实按照那个自带的admin/ 这条的写法,照葫芦画瓢即可。


我这里会用俩种方法都展示下,他们实际作用都一样。

函数需要俩个参数,一个是url,一个是views里的具体函数名。


url方法:

微信图片_20220705223935.png

仿照admin/ 添加了一样格式的新映射关系。我这里叫的也一样的名字home。这样 函数,url,html模版,都叫home, 就不会乱了。之后我们几百个页面的话,打眼也可以看得出来,当然你可以叫别的。url的第一个参数 是一个正则表达,其中home/是必须写,r'' 代表原始字符串,^代表正则表达式中匹配字符串起始。


path方法:

微信图片_20220705223941.png

之后本教程会只是用url方法哦。小伙伴认真记住这个事,不要之后总问了~


现在url.py 三者都创建好并写好了关联。我们要重启服务,然后在浏览器输入:

127.0.0.1:8000/home  看看能不能进去:

微信图片_20220705223946.png

可以看到成功进去了。现在你可以让你的同事 用在一个网段下的其他电脑或手机 输入你电脑ip:8000/home 来进入这个页面了。

比如我的ip是 192.168.43.15,那么 大家输入 192.168.43.15:8000/home 就可以进入了。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
数据工厂平台-7:菜单和首页
数据工厂平台-7:菜单和首页
14 0
数据工厂13:首页重构
数据工厂13:首页重构
16 0
数据工厂平台-8:首页统计功能
数据工厂平台-8:首页统计功能
23 0
SQL 基础(三)数据表的创建与管理实践
结合基础知识,实际操作,巩固提升,加深记忆
1792 0
【H.264/AVC视频编解码技术详解】十三、熵编码算法(4):H.264使用CAVLC解析宏块的残差数据
《H.264/AVC视频编解码技术详解》视频教程已经在“CSDN学院”上线,视频中详述了H.264的背景、标准协议和实现,并通过一个实战工程的形式对H.
1620 0
创建数据库脚本
create table `proxy` ( `ip` varchar(255) not null default '', `port` varchar(255) not null default '', primary key (`ip`,`port`)) engine=innodb aut...
633 0
数据库表创建
惯例: 我是温浩然: 创建数据库表的时候,要充分考虑表与表之间的关系,否则,会一直改。 最近在做一个网络论坛的项目, 最开始的时候,没有充分考虑论坛版块,与版主之间的关系,所以,在版块表中,加入一个版主ID的字段,在用户表中,角色字段,设置了一个版主。 但是后来考虑,版主,是一种权限,而不是一个角色。 角色可以是,基本用户,管理员,超级管理员。但是,不可能是版主。 所以,
1085 0
《BI项目笔记》创建多维数据集Cube(2)
原文:《BI项目笔记》创建多维数据集Cube(2) 本节建立: 历年的初烟水分均值变化分析Cube:区域维度:地州,专县时间维度:年等级维度:大等级,小等级指标:水分均值数据源视图: 数据处理: ALTER TABLE T_QualMoisture_Middle ALTER COL...
954 0
+关注
游客pxprrm2iipsfu
我去热饭
435
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载