PyCharm+Django搭建搜索网页实例与代码详解

5星 · 超过95%的资源 10 下载量 181 浏览量 更新于2024-08-31 收藏 189KB PDF 举报
本文将详细介绍如何在PyCharm集成Django框架下创建一个简单的搜索网页实例。首先,我们将学习如何设置项目结构、配置模板,并实现基本的前端表单与后端视图功能。 1. **创建Django工程** 使用Python的命令行工具,进入项目根目录,通过`python manage.py startapp django_web`命令创建一个新的Django应用。这会在项目中生成一个名为`django_web`的文件夹,其中包括模型(models)、视图(views)、模板(templates)和管理器(admin)等文件夹。 2. **设计HTML模板(test.html)** 在`templates/django_web`文件夹下创建一个`test.html`文件。这个模板包含了基本的HTML结构,包括一个表单用于用户输入搜索关键词。表单包含一个文本框(`<input>`标签)和一个提交按钮,表单的`action`属性指向百度搜索引擎进行搜索。 - `<form>`元素定义了搜索表单,其中`<input>`标签用于用户输入,`type="text"`指定为文本框,`name="word"`是表单字段名。 - `target="_blank"`使表单提交后的链接在新窗口打开,防止覆盖当前页面。 - `button`标签带有`class="form-controlbtn btn-primary"`样式,表示提交按钮。 3. **编写视图函数(views.py)** 在`django_web/views.py`中,定义一个名为`sousuo`的函数,使用Django的`render`函数处理请求。当用户提交表单时,这个函数将渲染并返回相应的HTML响应,传递给前端的模板。 ```python from django.shortcuts import render def sousuo(request): return render(request, 'django_web/test.html') ``` 4. **连接视图与模板** Django会根据视图函数的名称自动映射到相应的模板文件。在这个例子中,`sousuo`视图与`test.html`模板关联,当用户访问与该视图关联的URL时,就会显示搜索表单页面。 5. **设置URL路由** 在项目的urls.py文件中,你需要配置一个URL模式来指向`sousuo`视图。虽然这部分代码没有提供,但通常会包含类似这样的语句: ```python from django.urls import path from . import views urlpatterns = [ path('search/', views.sousuo, name='sousuo'), ] ``` 6. **运行开发服务器** 在PyCharm中,通过运行`python manage.py runserver`启动Django开发服务器,然后在浏览器中访问`http://localhost:8000/search/`,即可看到创建的搜索网页实例。 通过这个教程,你已经学会了在PyCharm中使用Django创建一个基础的搜索网页。实践中,你可能还需要学习更复杂的模板语法、表单验证和数据库操作,以便构建功能更完善的搜索功能。