Django+Layui+SQLite+JQuery实现一个简单的留言板

本次使用到的知识：

• Django框架的使用
• Layui的使用
• Jquery的使用
• SQLite的使用

实现效果：

目录

功能结构图

准备工作

创建项目

1.创建项目

2.创建App

3.创建对应文件夹

编写代码

1.创建数据库

2.编写代码 

1.message/api.py

2.message_board/settings.py

3.message_board/urls.py

4.message/views.py

5.message/admin.py

6.templates/index.html

7.templates/add_message.html

运行项目

1.创建管理员用户

2.运行服务器

3.运行结果

---

功能结构图

管理端功能结构图：

前台：

准备工作

（1）安装Python3，参考我的博客：Python3在Windows、Linux、Mac系统上的安装

（2）安装Django框架，Cmd命令行下输入：

pip install Django

（3）下载Layui框架，下载地址：https://www.layui.com/

（4）下载jquery.min.js，下载地址：http://jquery.com/download/

创建项目

1.创建项目

在待创建的目录下进入Cmd控制台，输入命令：

django-admin startproject message_board

执行完之后便创建好了一个Django项目，创建后的目录如：

2.创建App

进入创建项目后的项目目录，输入cmd命令：

django-admin startapp message

创建一个message App，用于处理前端的请求，创建后的目录如：

3.创建对应文件夹

在message_board/message下创建文件夹static和templates，其中static目录放置js、css、layui、图片等静态文件，templates放置网页。在static目录下分别创建js、img、layui目录分别存储对应的内容，创建后的目录如：

编写代码

1.创建数据库

在项目目录下执行cmd命令：

python manage.py migrate

用于生成数据库。

使用SQLite数据库管理工具打开项目目录下的db.sqlite3文件，创建表message，用于存储留言，其结构为：

字段	类型	说明
id	char(36)	留言id，非空，主键，为36位uuid
time	Datetime	非空，默认为当前时间
title	Vatchar(100)	留言标题，非空
message_text	Varchar(5000)	留言内容，非空

在项目目录下执行cmd命令：

Python manage.py inspectdb message/models.py

 生成Django 的model，这有点类似于Java Hibernate的持久类，对数据库的操作都是基于models.py文件中的类实现的。

执行命令后models.py文件内容便变成了：

# This is an auto-generated Django model module.
# You'll have to do t