BVDN-3 建一个简单的网站

最新推荐文章于 2019-11-06 16:56:18 发布

原创最新推荐文章于 2019-11-06 16:56:18 发布 · 816 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#BVDN

python全栈开发之BVDN 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了如何使用Django框架一步步构建一个简单的网站，包括新建app、管理静态文件、创建base.html、修改views.py、url.py和settings.py，最后启动服务器并成功浏览网站。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第二节里面已经创建了一个项目（mysite）因此任然在这个项目里操作

第一步：新建一个app

	win+R
	输入cmd
	d:回车
	cd:mysite
	python manage.py startapp main

在这里插入图片描述
之后你会发现，mysite文件夹里多了一个main文件夹。这是django的一大特色：把网站分成一个个小文件夹分別管理，

第二步：复制static文件夹

非常方便找到我们上回搭建的static文件夹l，把static文件夹复制到main里。
在这里插入图片描述

第三步：新建base.html

在main文件中再新建一个templates文件夹，然后在新建一个base1.html网页

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<!--bootstrap-->
	<link rel="stylesheet" type="text/css" href="/static/css/bootstrap-theme.css">
	<link rel="stylesheet" type="text/css" href="/static/css/bootstrap-theme.css">
	<script src="/static/js/jquery.js"></script>
	<script src="/static/js/bootstrap.js"></script>
	<!--vue-->
	<script src="/static/js/vue.js"></script>
	<title>第一个网页</title>
</head>
<body>
	<nav class="navbar navbar-default">
		<div class="navbar-header">
			<a class="navbar-brand" href="#">第一个网页</a>
		</div>	
	</nav>

	<div class="container container-center jumbotron">
		<div class="col-sm-4 col-sm-offset-4">
		<div id="app" class="form-group">
			<p class="form-control" v-model="aaa"></p>
			<span>input here:</span>
			<input class="form-control" v-model="aaa">
		</div>
		</div>
	</div>
	<script type="text/javascript">
	var vm=new vue({
		el:'#app',
		data:{
			aaa:'',
		}
	})
	</script>
</body>
</html>

main文件夹
在这里插入图片描述

第四步：修改views.py

	from django.shortcuts import render
	
	# Create your views here.
	def index(request):
	    return render(request,"bate.html")

第五步：修改url.py

在mysite文件夹里的mysite文件夹里找到url.py，把它改成这样：

	from django.contrib import admin
	from django.urls import path
	from main import views as main_views
	
	urlpatterns = [
	    path('admin/', admin.site.urls),
	    path('',main_views.index),
	]

第六步：修改settings.py

在同一文件夹下找到settings.py，找到里面的INSTALLED_APPS，把我们刚建立的app 'main’给加上，如图所示：
在这里插入图片描述

第七步：启动服务器

	cd到mysite，输入
		python manage.py runserver 8003

在这里插入图片描述

第八步：启动网站浏览

然后打开浏览器，输入127.0.0.1:8003就会看到
在这里插入图片描述
成了！
这就是我们昨天写出来的网页base.html，我们现在已经可以像平时上网一样地访问到它了，也就是说我们已经建出了真正的网站。怎么样，简单吧！