[一个无框架的javaweb demo]番荒之冢 --番剧灯塔站

文章目录

  • 番荒之冢 --番剧灯塔站
    • 理念
    • 大致设计
      • 权限分配
      • 番剧信息
      • 用户/管理员信息
      • 邮箱正则匹配
      • URL正则匹配
      • 留言信息
    • 数据库设计
      • user
      • animation
      • comment
      • favoranim
    • 技术栈(无框架)
    • 功能
      • 一个简单的登录(进行了路由限制, 若未登录都会跳转至此)
      • 首页
      • 我的
        • 我的资料
        • 追番清单
      • 留言区
      • 番剧详情
      • 退出登录
    • 待补充功能
      • 分页过多
      • 番剧类型
      • 图像上传
      • 新用户注册
      • ...
    • 联系作者

番荒之冢 --番剧灯塔站

一番桃李花开尽,惟有青青草色齐。——曾巩《城南》

理念

前端追求简洁风格

提供有效廉价的追番姿势

提供资源分享的bbs讨论

大致设计

权限分配

权限分配 普通用户 管理员
新增用户(暂未开放此功能) (注册,※邮箱验证)
删除用户 (※自己注销)
查看/编辑个人资料
查看他人资料
番剧信息『增删改
番剧信息『
查看追番清单; 取消/进行追番
留言区发言
删除留言 (仅能删除自己的)

番剧信息

番剧信息
编号
番名
封面 默认路径为:static/picture/pic404.png
状态(连载中/ 已完结)
上映年份
追番人数
有效跳转链接(null:暂无资源,可以在留言区补充)

默认封面
[一个无框架的javaweb demo]番荒之冢 --番剧灯塔站_第1张图片

用户/管理员信息

用户
uid号
权限等级(1:管理员 / 2:用户)
昵称
邮箱
密码
头像(目前为默认) 默认路径为:static/picture/user0.jpg
简介
追番清单(json:不便于维护 )

默认头像
[一个无框架的javaweb demo]番荒之冢 --番剧灯塔站_第2张图片

邮箱正则匹配

[一个无框架的javaweb demo]番荒之冢 --番剧灯塔站_第3张图片

URL正则匹配

[一个无框架的javaweb demo]番荒之冢 --番剧灯塔站_第4张图片

留言信息

留言
AID
UID
发送时间(自动获取)
内容

数据库设计

user

-- ----------------------------
-- Table structure for user
-- ----------------------------
DROP TABLE IF EXISTS `user`;
CREATE TABLE `user` (
  `uid` int NOT NULL AUTO_INCREMENT,
  `email` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL,
  `pwd` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL,
  `uname` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL,
  `level` int NOT NULL DEFAULT '2',
  `avatar` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT 'static/picture/user0.jpg',
  `intro` text,
  PRIMARY KEY (`uid`)
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;

animation

-- ----------------------------
-- Table structure for animation
-- ----------------------------
DROP TABLE IF EXISTS `animation`;
CREATE TABLE `animation` (
  `aid` int NOT NULL AUTO_INCREMENT,
  `aname` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL,
  `state` int DEFAULT NULL,
  `year` int DEFAULT NULL,
  `cover` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT 'static/picture/pic404.png',
  `link` varchar(255) DEFAULT NULL,
  `content` text CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci,
  PRIMARY KEY (`aname`),
  UNIQUE KEY `aid` (`aid`)
) ENGINE=InnoDB AUTO_INCREMENT=22 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;

comment

-- ----------------------------
-- Table structure for comment
-- ----------------------------
DROP TABLE IF EXISTS `comment`;
CREATE TABLE `comment` (
  `uid` int NOT NULL,
  `time` datetime NOT NULL,
  `content` longtext CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL,
  PRIMARY KEY (`uid`,`time`),
  CONSTRAINT `user-comment` FOREIGN KEY (`uid`) REFERENCES `user` (`uid`) ON DELETE CASCADE
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;

favoranim

-- ----------------------------
-- Table structure for favoranim
-- ----------------------------
DROP TABLE IF EXISTS `favoranim`;
CREATE TABLE `favoranim` (
  `uid` int NOT NULL,
  `aid` int NOT NULL,
  PRIMARY KEY (`uid`,`aid`),
  KEY `favor-anim` (`aid`),
  CONSTRAINT `favor-anim` FOREIGN KEY (`aid`) REFERENCES `animation` (`aid`) ON DELETE CASCADE,
  CONSTRAINT `favor-user` FOREIGN KEY (`uid`) REFERENCES `user` (`uid`) ON DELETE CASCADE
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;

技术栈(无框架)

HTML CSS JSP

JAVA

MYSQL

TOMCAT

功能

一个简单的登录(进行了路由限制, 若未登录都会跳转至此)

[一个无框架的javaweb demo]番荒之冢 --番剧灯塔站_第5张图片

首页

  • 可进行关键字查询

  • 分页展示数据库中的已有番剧

  • 展示最新的三条留言

  • 管理员可在此新增番剧

(管理员视角)
[一个无框架的javaweb demo]番荒之冢 --番剧灯塔站_第6张图片
[一个无框架的javaweb demo]番荒之冢 --番剧灯塔站_第7张图片

image
image

我的

[一个无框架的javaweb demo]番荒之冢 --番剧灯塔站_第8张图片

我的资料

[一个无框架的javaweb demo]番荒之冢 --番剧灯塔站_第9张图片

修改资料
[一个无框架的javaweb demo]番荒之冢 --番剧灯塔站_第10张图片
image
image

追番清单

留言区

  • 可查看最新留言,删除自己的留言

  • 查看他人资料

[一个无框架的javaweb demo]番荒之冢 --番剧灯塔站_第11张图片
[一个无框架的javaweb demo]番荒之冢 --番剧灯塔站_第12张图片

番剧详情

[一个无框架的javaweb demo]番荒之冢 --番剧灯塔站_第13张图片
[一个无框架的javaweb demo]番荒之冢 --番剧灯塔站_第14张图片
[一个无框架的javaweb demo]番荒之冢 --番剧灯塔站_第15张图片

管理员可进行编辑
[一个无框架的javaweb demo]番荒之冢 --番剧灯塔站_第16张图片
[一个无框架的javaweb demo]番荒之冢 --番剧灯塔站_第17张图片

退出登录

待补充功能

分页过多

页数太多时的处理方案实现

番剧类型

尚未添加

图像上传

使用图库的api接口

https://img.ski/page/api-docs.html
https://imgse.com/page/plugin
https://www.kjava.com/

新用户注册

使用邮箱验证码进行注册

联系作者

: tsjkhtfoxmail.com

泥烟の客栈

凌海逆炎のbilibili

仓库已开源: animation: 番荒之冢 - - 番剧灯塔站 (gitee.com)

你可能感兴趣的:(小玩意,数据库,java,前端,html,css)