uni-app+vue3小程序demo（打通前后端）

最新推荐文章于 2024-03-29 23:28:53 发布

河啊

最新推荐文章于 2024-03-29 23:28:53 发布

阅读量1k

点赞数 1

分类专栏：前端后端文章标签： uni-app 小程序前端

本文链接：https://blog.csdn.net/weixin_60193673/article/details/128641296

版权

后端同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

前端

2 篇文章 0 订阅

订阅专栏

uni-app+vue3小程序案例（打通前后端）

软件架构
使用说明

软件架构

前端：uni-app + vue3 + tailwindcss + pinia
后端：nodejs + express
数据库：postgresql
gitee地址：uni-app-demo

前端主要文件

src
   ├─css                
   │  └─tailwind.css    build之后的tailwindcss文件，含有自定义的tailwindcss类
   ├─pages
   │  ├─addInvitation   发帖页面
   │  ├─home            主页
   │  ├─index           开始页（选择注册或登录）
   │  ├─individual      个人页面
   │  ├─information     注册时填写个人信息页面
   │  ├─login           登录页面
   │  ├─register        注册页面
   │  └─test            测试页面（没用的）
   ├─static
   ├─store              user.ts保存用户信息，global.ts保存全局变量，如内网穿透后的域名BASE_URL
   └─tailwind.css       build之后的tailwindcss文件

后端接口

server.js
    ├─/login            登录接口，查找数据库里是否有该用户
    ├─/register         注册接口，向数据库插入该用户
    ├─/submit           提交个人信息，向数据库中的用户添加个人信息
    ├─/get-invitations  获取数据库中的所有帖子
    └─/add-invitation   添加帖子

数据库

create table users(
    account varchar(20) unique primary key,
    pwd varchar(20) not null ,
    sex varchar(5) ,
    birthday date,
    address varchar(20),
    email varchar(30),
    college varchar(20),
    introduction varchar(50)
);

帖子的主键为 账号+发布的时间
create table invitations(
    account varchar(20),
    release_time timestamp,
    title varchar,
    information varchar,
    primary key (account,release_time)
);