当前位置:首页 > 技术 > 正文内容

基于Spring Boot和Vue.js的流浪动物救助系统

访客 技术 2026年6月30日 2

后端框架Spring Boot

Spring Boot简化了使用Spring框架构建应用的过程,通过预设配置减少了开发者的工作量。它支持内嵌服务器如Tomcat、Jetty等,让Web应用部署更加简便。

前端框架Vue.js

Vue.js是一款高效的JavaScript框架,利用虚拟DOM技术提高了UI更新效率。其响应式数据绑定特性使得当数据发生变化时,界面能够自动更新。

持久层框架MyBatis

MyBatis是一个开源的持久层框架,实现了Java对象与数据库表之间的映射,减少了手动编写SQL语句的需求。它还支持动态SQL生成,增强了查询灵活性。

代码示例

<!-- 忽略权限验证 -->
@NoAuth
@PostMapping("/signin")
public Response signIn(String user, String pwd, HttpServletRequest req) {
    UserEntity userInfo = userService.getUserByName(user);
    if(userInfo == null || !userInfo.getPassword().equals(pwd)) {
        return Response.error("用户名或密码错误");
    }
    String authToken = tokenService.createAuthToken(userInfo.getId(), user, "user", userInfo.getRole());
    return Response.ok().addData("authToken", authToken);
}

@Override
public String createAuthToken(Long userId, String userName, String table, String role) {
    AuthToken existingToken = this.getTokenByUserId(userId, role);
    String newToken = UUID.randomUUID().toString();
    Calendar expiryTime = Calendar.getInstance();
    expiryTime.add(Calendar.HOUR, 1);
    if(existingToken != null) {
        existingToken.setToken(newToken);
        existingToken.setExpireAt(expiryTime.getTime());
        this.updateToken(existingToken);
    } else {
        this.saveNewToken(new AuthToken(userId, userName, table, role, newToken, expiryTime.getTime()));
    }
    return newToken;
}

数据库设计

DROP TABLE IF EXISTS `address`;
CREATE TABLE `address` (
  `id` BIGINT AUTO_INCREMENT,
  `created_at` TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
  `user_id` BIGINT NOT NULL,
  `location` VARCHAR(200) NOT NULL,
  `receiver_name` VARCHAR(200) NOT NULL,
  `phone_number` VARCHAR(200) NOT NULL,
  `is_default` VARCHAR(200) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB CHARSET=utf8 COMMENT='用户地址';

DROP TABLE IF EXISTS `forum_post`;
CREATE TABLE `forum_post` (
  `id` BIGINT AUTO_INCREMENT,
  `created_at` TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
  `title` VARCHAR(200),
  `content` TEXT NOT NULL,
  `parent_id` BIGINT,
  `user_id` BIGINT NOT NULL,
  `username` VARCHAR(200),
  `avatar_url` TEXT,
  `status` VARCHAR(200),
  `is_top` INT DEFAULT 0,
  `top_time` DATETIME,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB CHARSET=utf8 COMMENT='论坛帖子';

DROP TABLE IF EXISTS `users`;
CREATE TABLE `users` (
  `id` BIGINT AUTO_INCREMENT,
  `created_at` TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
  `account` VARCHAR(200) NOT NULL,
  `password` VARCHAR(200) NOT NULL,
  `real_name` VARCHAR(200) NOT NULL,
  `gender` VARCHAR(200),
  `mobile` VARCHAR(200),
  `profile_pic` TEXT,
  `points` DOUBLE DEFAULT 0,
  `balance` DOUBLE DEFAULT 0,
  PRIMARY KEY (`id`),
  UNIQUE KEY `unique_account` (`account`)
) ENGINE=InnoDB CHARSET=utf8 COMMENT='用户信息';

相关文章

Linux crontab 详解

1) crontab 是什么cron 是 Linux 的定时任务守护进程;crontab 是用来编辑/查看“按时间周期执行命令”的表(cron table)。常见两类:用户 crontab:每个用户一份(crontab -e 编辑)系统级 crontab / cron.d:可指定执行用户(/etc/crontab、/etc/cron.d/*)2) crontab 时间...

富文本里可以允许的 HTML 属性

一、所有标签默认允许的安全属性(极少)class        (可选)id           (通常建议禁用)title️ 注意:id 容易被滥用做锚点注入,很多系统直接禁用class 允许的话最好只允许固定前缀(如 editor-*)二、a 标签允许属性<a href="" t...

Mac 安装 Node.js 指南

方法一:通过官网安装包(最简单,适合初学者)如果你只是想快速安装并开始使用,这是最直接的方法。访问 Node.js 官网。页面会显示两个版本:LTS (Recommended For Most Users):长期支持版,最稳定。建议选这个。Current:最新特性版,包含最新功能但可能不够稳定。下载 .pkg 安装包并运行。按照安装向导点击“下一步”即可完成。方法二:使用 Homebrew 安装(...

Dom\HTML_NO_DEFAULT_NS 的副作用:自动加闭合标签

在使用Dom\HTMLDocument时,Dom\HTML_NO_DEFAULT_NS 将禁止在解析过程中设置元素的命名空间, 此设置是为了与DOMDocument向后兼容而存在的。当使用它时,已知的一个副作用就是:自动加闭合标签例如 </img> 为什么会这样?当你使用:Dom\HTML_NO_DEFAULT_NS文档会变成 无命名空间模式,此时内部更接近 XML...

Laravel 事件和监听器创建

在 Laravel 中,使用 Artisan 命令创建 Events(事件) 和 Listeners(监听器) 是非常高效的。你可以通过以下几种方式来实现:1. 手动创建单个 Event如果你只想创建一个事件类,可以使用 make:event 命令:Bashphp artisan make:event UserRegistered执行后,文件将生成在 app/Even...

自定义域名解析神器 dnsmasq

什么是 dnsmasq?dnsmasq 是一个轻量级、功能强大的网络服务工具,专为小型和中等规模网络设计。它是一个综合的网络基础设施解决方案[1]。dnsmasq 能做什么?功能说明应用场景DNS 转发与缓存将 DNS 查询转发到上游服务器(ISP、Google DNS 等),并在本地缓存结果加快 DNS 查询速度,减少外部 DNS 流量本地 DNS解析本地网络设备的主机名,无需编辑&n...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。