如何使用 restify 将 postgreSQL 连接到 reactjs 前端?
how use restify to connect postgreSQL to reactjs frontend?
Login.js
这是 Reactjs 设计的登录页面 并且要求在成功验证后转到下一页,但是 数据库是使用 postgreSQL 和 table 名称是 'user' 存储用户名和密码。开发要求是:
- 前端:reactjs
- 后端 : restify(nodejs)
- 数据库:postgreSQL
所以我想知道如何将 postgreSQL table 连接到此登录页面以及如何对用户进行身份验证?
class Login extends Component {
render() {
return (
<div>
<div >
<div >
<h1 >Login</h1>
<div >
<input type="text" placeholder="Username"/>
</div>
<div>
<input type="password" placeholder="Password"/>
</div>
<button type="submit">Log in</button>
</div>
</div>
</div>
)
}
}
export default Login
看来您是概念初学者,
你必须尝试查看一些教程,然后再开始。
回到你的问题
我会尽可能简单地回答,
- 前端(在您的示例中做出反应)将需要消耗一些 API(后端的登录 API)。
- 您的后端将使用 restify 在 nodejs 中创建(根据您的示例),这段代码将与 postgress 数据库集成(根据您的示例)。
- 此后端将从前端接收请求正文并在数据库中验证并分别给出用户找到或未找到的响应。
- 如果用户找到响应,您的前端将路由到下一页,或者如果未找到,前端将分别显示错误消息。
希望你明白了,
警告:- 旅程中会出现很多概念,例如散列、令牌、cookie、本地存储等。
Login.js 这是 Reactjs 设计的登录页面 并且要求在成功验证后转到下一页,但是 数据库是使用 postgreSQL 和 table 名称是 'user' 存储用户名和密码。开发要求是:
- 前端:reactjs
- 后端 : restify(nodejs)
- 数据库:postgreSQL 所以我想知道如何将 postgreSQL table 连接到此登录页面以及如何对用户进行身份验证?
class Login extends Component {
render() {
return (
<div>
<div >
<div >
<h1 >Login</h1>
<div >
<input type="text" placeholder="Username"/>
</div>
<div>
<input type="password" placeholder="Password"/>
</div>
<button type="submit">Log in</button>
</div>
</div>
</div>
)
}
}
export default Login
看来您是概念初学者,
你必须尝试查看一些教程,然后再开始。
回到你的问题 我会尽可能简单地回答,
- 前端(在您的示例中做出反应)将需要消耗一些 API(后端的登录 API)。
- 您的后端将使用 restify 在 nodejs 中创建(根据您的示例),这段代码将与 postgress 数据库集成(根据您的示例)。
- 此后端将从前端接收请求正文并在数据库中验证并分别给出用户找到或未找到的响应。
- 如果用户找到响应,您的前端将路由到下一页,或者如果未找到,前端将分别显示错误消息。
希望你明白了,
警告:- 旅程中会出现很多概念,例如散列、令牌、cookie、本地存储等。