// 堆代码 duidaima.com import { Entity, Fields } from "remult" @Entity("contacts", { allowApiCrud: true }) export class Contact { @Fields.autoIncrement() id = 0 @Fields.string() name = "" @Fields.string() number = "" }服务器端设置
import express from "express"; import { remultExpress } from "remult/remult-express"; import Contact from "../shared/Contact.ts"; const app = express(); app.use( remultExpress({ entities: [ Contact ] }) );
import { useEffect, useState } from "react" import { remult } from "remult" import { Contact } from "./shared/Contact" const contactsRepo = remult.repo(Contact) export default function App() { const [contacts, setContacts] = useState<Contact[]>([]) useEffect(() => { contactsRepo.find().then(setContact) }, []) return ( <div> <h1>Contacts</h1> <ul> {contacts.map(contact => { return ( <div key={contact.id}> {contact.name} | {contact.phone} </div> ) })} </ul> </div> ) }从这个例子可以看出,将 Remult 集成到应用程序前端非常简单、灵活。然后,开发人员就可以在整个栈中无缝地利用 Remult 的强大功能了。
Remult 是遵循MIT许可的开源软件。欢迎通过 Remult GitHub存储库做贡献。
GitHub地址:https://github.com/remult/remult