使用Django的MTV模式开发一个简单的云端留言板（一）

喜欢ヅ旅行 2023-07-19 12:06 23阅读 0赞

– 记 北理工 Python云端系统开发入门  
主界面：从提交留言区可以提交留言，而在获取区可以获取给xx留言的信息（时间，留言人、和留言信息）  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0OTczMTU5_size_16_color_FFFFFF_t_70]  
首先创建一个项目：`diango-admin startproject cloudms`  
并且在项目当中创建一个应用：`python manage.py startapp msgapp`  
首先就是创建一个templates项目（模板）在模板下面新建一个html文件，表示返回的页面

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>留言板</title>
    </head>
    <body>
    <h1>提交留言功能区</h1>
    <form method="post" action="/msggate/">
    
        { % csrf_token %}
        发送方<input type="text" name="A"/><br>
        接收方<input type="text" name="B"/><br>
        消息文<input type="text" name="msgdata"/><br>
        <input type="submit" value="留言提交"/>
    </form>
    <h1>获取留言功能</h1>
    <form action="/msggate/" method="get">
        接收方<input type="text" name="C"/><br>
        <input type="submit" value="留言获取"/>
    </form>
    <table border="1">
        <thead>
        <th>留言时间</th>
        <th>留言来源</th>
        <th>留言信息</th>
        </thead>
        <br>
        <tbody>
        
        { % for line in data %}
        <tr>
            <td>{ { line.time}}</td>
            <td align="center">{ { line.A}}</td>
            <td>{ { line.msgdata}}</td>
        </tr>
        { % endfor %}
        </tbody>
    </table>
    </body>
    </html>

再者就是在settings.py文件当中，设置模板的路径，前者是固定值，后者加上模板的路径  
![在这里插入图片描述][2020033021064230.png]  
再在应用当中添加urls.py文件，

from django.urls import path
    from . import views
    urlpatterns=[
        path('',views.msgproc)
    ]

到项目路径的urls.py文件当中进行注册路由：使用include  
![在这里插入图片描述][20200330211137119.png]  
最后就是编辑应用的views.py文件：

from django.shortcuts import render
    from datetime import datetime
    # Create your views here.
    def msgproc(request):
        datalist=[]
        #首先判断提交方式用于区分到底是提交留言还是查看留言
        if request.method == "POST":
        #提交留言获取发送方、接收方、内容、时间
            A = request.POST.get("A", None)
            B = request.POST.get("B", None)
            msgdata = request.POST.get("msg", None)
            time = datetime.now()
            #使用一个文件进行写入
            with open("msg.txt", 'a+') as f:
                f.write("{}--{}--{}--{}\n".format(B, A,msgdata, time.strftime("%Y-%m-%d %H:%M:%S")))
            
        if request.method == "GET":
        #查看：获取c也就是查看的人的name
            C=request.GET.get("C",None)
            if C !=None:
            #如果有这个人的留言则继续，打开文件，用读的方式
                with open ("msg.txt","r") as d:
                    cnt=0 #给出限定，不让打印到游览器的留言超过10条，和后面的从cnt>=10 break构成限定
                    for line in d :
                        linedata=line.split('--')#将数据按--分开，在存储的时候使用--作为分割
                        if linedata[0] == C:
                            cnt=cnt+1
                            #当找到这个人的留言的时候 将数据赋值过去
                            d={ "A":linedata[1],"msgdata":linedata[2],"time":linedata[3]}
                            datalist.append(d)
                        if cnt>=10:
                            break
    	#最后返回页面，页面不变，变得只是在html里面是否获取到数据的值
        return render(request,"2.html",{ "data":datalist})

随后看一下效果：从cmd当中运行程序：`python mange.py runserver`运行后打开网址加上路由  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0OTczMTU5_size_16_color_FFFFFF_t_70 1]  
运行完成的gif动图：使用王柳给1留言，随后用1访问所有给1留言的信息：  
![在这里插入图片描述][20200330213113397.gif]  
以上信息会保存在项目目录下的一个msg.txt文本文档当中：从下面可以看到留言的数据也会保存在文件当中  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0OTczMTU5_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0OTczMTU5_size_16_color_FFFFFF_t_70]: /images/20230528/7df8fc42321e4d4a8003c9ac73c7e5da.png
[2020033021064230.png]: /images/20230528/3d10a9fbc64241e18d62d0475b6c483b.png
[20200330211137119.png]: /images/20230528/33e953b3d8a84f61b69474a6cfa9c775.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0OTczMTU5_size_16_color_FFFFFF_t_70 1]: /images/20230528/00048fa16f0a453c88588666a7371abd.png
[20200330213113397.gif]: /images/20230528/d8b0ba8fac0041978203b4ab63936db3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0OTczMTU5_size_16_color_FFFFFF_t_70 2]: /images/20230528/5b69192911cc4bdc9c4bff25b20de279.png