# NEUS计算机网络实验作业

**Repository Path**: ylgb/netsoft-net1

## Basic Information

- **Project Name**: NEUS计算机网络实验作业
- **Description**: 计算机网络的实验课程项目 Ⅰ。
- **Primary Language**: Python
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://yjstudy1.com:8022/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-10-13
- **Last Updated**: 2022-05-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Django, Python, 东软

## README

## 《计算机网络实验Ⅰ》



### 一、需求整理

> 编写页面，根据客户端访问请求的User-Agent信息，返回不同内容；并熟练使用session和cookie，并熟练使用数据库连接及操作

1. User-Agent 变更响应功能
2. session 与 cookie 的使用
3. 数据库的使用
4. 访问设备信息提示窗
5. 访问设备统计表（查）
6. 访问设备总览页面（图表呈现）



**TODOs**

- [x] 首页
    - [x] 用于全局的 nav-bar
    - [x] 装饰设计
    - [x] 主要功能菜单
    - [x] 设备信息卡片页面及数据获取展示
    
- [x] 设备列表页
    - [x] 数据库模型设计
    - [x] 前端设备列表主要内容页面
- [x] 设备总览页
- [x] 登录页

- [ ] 使用 Docker 打包发布（有空再说）



### 二、原型设计
<img src="mdsource/prototype.png" style="zoom:50;" />



### 三、功能介绍

该 web 项目主要由 hello、访问设备（列表）、设备总览、登录，四个页面组成。

#### 3.1 hello

首页，作为一个 ”hello “ 作用，在这个页面中可以看到其余两个页面的跳转，以及访客设备的详细信息。访客的记录以 hello 页面的访问量为参照，即访问 hello 视为一次访问并记录。

<img src="mdsource/image-20211020195244172.png" alt="image-20211020195244172" style="zoom:67%;" />

#### 3.2 访问设备列表

所有访问设备的记录表，可翻页查看。

<img src="mdsource/image-20211020195410240.png" alt="image-20211020195410240" style="zoom:67%;" />

#### 3.3 设备总览页面

将所有的访问情况汇总，同时展示了访问设备的系统以及浏览器的分布情况。

<img src="mdsource/image-20211020195540123.png" alt="image-20211020195540123" style="zoom:67%;" />

#### 3.4 登录

在这个页面，已经为访客预设了账号和密码，直接点击登录即可，在那之后，将在服务器的 redis 写入一个 session，给浏览器设置一个 sessionid 的 cookie。

<img src="mdsource/image-20211020195743891.png" alt="image-20211020195743891" style="zoom:67%;" />

### Usage

1. 下载本项目    
2. 安装对应依赖  `pip install -r requirements.txt`
3. 配置对应数据库
    + create databases neusoft_net1 charset="UTF8"
    + grant all privileges on xx(数据库名).xx(表权限) identified by xxx
4. 创建并执行数据库迁移
    - python manage.py makemigrations
    - python manage.py migrate
 5. 配置 UWSGI、配置 NGINX，在那之后依次启动 UWSGI 与 NGINX