云端留言板開發(fā)流程
步驟1:新建工程cloudms
步驟2-1:新建應(yīng)用msgapp
步驟2-2:增加模板哥力,即顯示界面的HTML/CSS/JS代碼咕幻,配置路徑步驟
步驟2-3:設(shè)定URL路由顾画,本地路由和全局路由步驟
步驟2-4:編寫交互代碼
步驟3:運行工程
基本功能定義
提交留言功能
用戶設(shè)定自己的名字為A脸哀,指定任意名字B
向B留言图筹,記為msg篇裁,留言保存在云端
獲取留言功能
輸入名字A,云端返回10條最新留言記錄
步驟1:新建工程cloudms
cmd輸入
django-admin startproject cloudms
輸入cd cloudms吵护,進(jìn)入cloudms文件位置
步驟2-1:新建應(yīng)用msgapp
輸入python manage.py msg
,創(chuàng)建msgapp應(yīng)用
步驟2-2:增加模板盒音,即顯示界面的HTML/CSS/JS代碼,配置路徑步驟
打開pycharm馅而,在msgapp中創(chuàng)建templates文件夾
在templates文件夾中創(chuàng)建新的HTML文件msgSingleWeb.html
編寫msgSingleWeb.html,代碼如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>云端留言板(1)首頁</title>
</head>
<body>
<h1>提交留言功能區(qū)</h1>
<form action="/msggate/" method="post">
{% csrf_token %}
發(fā)送方 <input type="text" name="userA" /> <br>
接收方 <input type="text" name="userB" /> <br>
消息文 <input type="text" name="msg" /> <br>
<input type="submit" value="留言提交" />
</form>
<h1>獲取留言功能區(qū)</h1>
<form action="/msggate/" method="get">
接收方 <input type="text" name="userC" /> <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.userA }}</td>
<td>{{ line.msg }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</body>
</html>
在cloudms文件夾中的settings.py中祥诽,
修改為'DIRS': [os.path.join(BASE_DIR,"msgapp/templates")]
2-3:設(shè)定URL路由,本地路由和全局路由步驟
在msgapp中創(chuàng)建urls.py本地路由瓮恭,
from django.urls import path
from . import views
urlpatterns = [
path('', views.msgproc),
]
再將本地路由與全局路由整合雄坪,使全局路由支撐本地路由的功能。
在cloudms中找到urls.py文件屯蹦,
修改為:
from django.contrib import admin
from django.urls import include, path
urlpatterns = [
path('msggate/', include('msgapp.urls')),
path('admin/', admin.site.urls),
]
2-4:編寫交互代碼
編寫views.py處理函數(shù)维哈,
from django.shortcuts import render
from datetime import datetime
# Create your views here.
def msgproc(request):
datalist = []
if request.method == "POST":
userA = request.POST.get("userA", None)
userB = request.POST.get("userB", None)
msg = request.POST.get("msg", None)
time = datetime.now()
with open('msgdata.txt', 'a+') as f:
f.write("{}--{}--{}--{}--\n".format(userB, userA,\
msg, time.strftime("%Y-%m-%d %H:%M:%S")))
if request.method == "GET":
userC = request.GET.get("userC", None)
if userC != None:
with open("msgdata.txt", "r") as f:
cnt = 0
for line in f:
linedata = line.split('--')
if linedata[0] == userC:
cnt = cnt + 1
d = {"userA":linedata[1], "msg":linedata[2]\
, "time":linedata[3]}
datalist.append(d)
if cnt >= 10:
break
return render(request, "MsgSingleWeb.html", {"data":datalist})
根據(jù)用戶邏輯提交的用戶名,打開消息文件登澜,并且逐一比對接受方的名稱阔挠,與提交的名稱之間的關(guān)系。如果這兩個名字相等脑蠕,說明找到一條消息购撼,并且將這條消息打印出來。打印的方式是將消息放在了datalist這個消息列表中谴仙。
步驟3:運行工程
cmd命令行下迂求,輸入python manage.py runserver
打開瀏覽器,輸入網(wǎng)址晃跺,得到界面揩局,成功。