pycharm+django创建一个搜索网页

忘是亡心i 2022-06-06 06:51 221阅读 0赞

**本文为原创博客，仅供技术学习使用。未经允许，禁止将其复制下来上传到百度文库等平台。如有转载请注明本文博客的地址(链接)**

# 创建工程 #

![这里写图片描述][SouthEast]

比如，我创建的工程目录结构如下：  
![这里写图片描述][SouthEast 1]

# 命令行 #

进入windows命令行，进入根目录：

python manage.py startapp django_web

![这里写图片描述][SouthEast 2]

接着你会在pycharm中发现，多了一个django\_web文件夹。如下将截图：  
![这里写图片描述][SouthEast 3]

# 创建一个test.html #

<!DOCTYPE html>
    <html>
    <head>
        <title>开始搜索</title>
    </head>
    <body>
    请填入搜索内容！ <br><br />
    
    <form action="http://www.baidu.com/baidu" target="_blank">
                  <table style="width:65%">
                    <tbody>
                    <tr style="border:0px">
                        <td>
                      <input name="tn" type="hidden" value="SE_zzsearchcode_shhzc78w">
                      
                      <input class="form-control" type="text" style="width:550px;font-size:18px" name="word" size="30" baidusug="1">
                      </td>
                      <td>
                        <input class="form-control btn btn-primary" type="submit" style="background-color:#025aa5;color:white" value="百度搜索">
                      </td>
                  </tr>
                    </tbody>
                  </table>
                </form>
    </body>
    </html>

# 修改views.py #

from django.shortcuts import render
    #这里对应html文件
    def sousuo(request):
        return render(request, 'test.html')

# 修改urls.py #

from django.conf.urls import url
    from django.contrib import admin
    import django_web.views as bv
    
    urlpatterns = [
        url(r'^admin/', admin.site.urls),
        #注意这里对应我view层里面的home函数
        url(r'^$', bv.sousuo),
    ]

# 修改settings.py #

![这里写图片描述][SouthEast 4]

添加我们新建的目录就行。

# 运行 #

![这里写图片描述][SouthEast 5]

# 网页效果展示 #

在网页中输入：[http://127.0.0.1:8000/][http_127.0.0.1_8000]

显示效果如下：  
![这里写图片描述][SouthEast 6]

在搜索框中，添加自己需要的内容，自动跳转到百度搜索的关键词页面。

[SouthEast]: /images/20220606/e611e3122bf5416399ceeed7064730f6.png
[SouthEast 1]: /images/20220606/42c38731f9b5439bb024ce1440a2250d.png
[SouthEast 2]: /images/20220606/a48eb23b716c4f4380eca203630d9337.png
[SouthEast 3]: /images/20220606/5511555104eb4f1abe30cdf394097f03.png
[SouthEast 4]: /images/20220606/f97197d7e28b49bb964529634212e9ab.png
[SouthEast 5]: /images/20220606/06c0afcd41b148c0888765de39d802dd.png
[http_127.0.0.1_8000]: http://127.0.0.1:8000/
[SouthEast 6]: /images/20220606/825559b2e06f4854934d6620538e1661.png