如果要在前端项目中直接操作数据库该怎么办呢？
首先根据经验，裸写sql是不可取的，那么我们就要找一个合适的框架，之前歪哥试过TypeORM，怎么说呢，可能还不够成熟，坑不少，于是换用了大名鼎鼎的Prisma。

说是Next.js，其实并不限制前端框架，用啥都差不多，接下来我们就看看如何集成使用。

使用

引入依赖就不说了。

我们先把数据库连接配置加上，在项目根路径下.env文件中添加配置

DATABASE_URL="xxx"

基本上主流的数据库Prisma都支持，歪哥项目中使用的是Mongo，下面也是以Mongo举例。
然后就是定义entity了，Prisma中定义实体有自己的一套规则语法，不像TypeORM或是后端项目中更加"面向对象"的写法，这也是很多人不喜欢它的缘由。
在项目根路径下建个prisma文件夹，然后建个schema.prisma文件，在里面定义实体，示例如下

generator client {
  provider = "prisma-client-js"
  previewFeatures = ["omitApi"]
}

datasource db {
  provider = "mongodb"
  url      = env("DATABASE_URL")
}

model User {
  id String @id @default(auto()) @map("_id") @db.ObjectId
  name String
  role Role
  company String
  realName String @map("real_name")
  gender Gender
  phone String
  createTime DateTime @default(now())
  tagRecord TagRecord[]

  @@map("users")
}

model TagRecord {
  id String @id @default(auto()) @map("_id") @db.ObjectId
  tagTime DateTime @updatedAt @db.Date @map("tag_time")
  tagData String?

  @@map("tag_records")
}

enum Role {
  TEACHER
  STUDENT
  ADMIN
}

相信大家都能看明白，还是比较清晰的。
接下来我们看看如何做CURD。
首先定义datasource，位置任意

import { Prisma, PrismaClient } from "@prisma/client"

const globalForDatasource = global as unknown as { datasource: PrismaClient }

export const datasource = globalForDatasource.datasource || new PrismaClient()

if (process.env.NODE_ENV !== 'production') globalForDatasource.datasource = datasource

export default datasource

然后我们做个查询user的操作

const result = (await datasource.user.findMany({
  orderBy: { createTime: "desc" },
})) as User[];

const result2 = (await datasource.user.findMany({
  where: {
    role: {
      in: [Role.STUDENT, Role.TEACHER],
    },
  },
})) as User[];

还可以新增

const newUser = (await req.json()) as User;
const result = await datasource.user.create({ data: newUser });

其他操作类似，不一一举例了。

感受

总体来说，Prisma的配置和使用都比较简单，只要按照它的规范进行操作，然后注意一些配置文件的名称位置等即可。相比于TypeORM，歪哥还是更喜欢TypeORM中定义实体的方式，不过论配置的简洁程度，封装性，Prisma更胜一筹，然后目前遇到的BUG也更少一些。

大家还用过哪些框架呢？可以一起讨论一下。