纯前端如何实现一个本地数据库来存取数据?

作者站长头像
站长
· 阅读数 7
自己想做一个纯前端的项目(不会后端开发),有数据的录入和展示分析的功能。
用vue开发页面的功能,表单录入数据之后存下来(每天都要去录入),在分析页面显示出来。
最后build打包之后将前端代码放到服务器上。
一开始想用localStorage存取,但是他是存到浏览器上,换个电脑之前数据就没有了。
然后想着js写入txt和读取txt文件的方式来实现一个类似数据库的东西,但好像有兼容性的问题。
纯前端有什么更好的方式去实现吗?
回复
1个回答
avatar
test
2024-06-26

从 Web 应用这个概念来说,没有“纯前端”,就算是纯前端写出来的静态页面要发布出来,也一定需要服务器的。我们通常说的“纯前端”其实是指“纯静态”。

纯静态页面就意味着没有服务端的处理能力,服务器只是单纯的把静态内容发送给浏览器,由浏览器进行处理。既然服务端没有处理能力,那数据就不可能保存在服务端。

但是换个角度,使用所谓的“纯”前端技术,基于 Node 框架是可以实现服务端程序的。这里“纯”加引号,是因为开发语言是可以用 JS/TS,但仍然需要用到数据库。到于数据库算前端还是算后端,这个不好说,如果是 MySQL、SQLServer、PostgreSQL 等数据库服务,那一定是算后端了。但是 SQLite 等文件型、嵌入式的数据库并不太好划分成前端技术还是后端技术。

如果确实不想自己写服务端,也可以借助其他的服务端存储技术,比如网盘。通过存储服务提供的开放 API 是可以实现在浏览器通过前端技术直接把数据存储到第三方服务,再读取的。只不过采用这种方案,需要考虑认证安全性问题,最好是由用户使用自己的 ID 和 Key 来认证,这需要用户去申请相应的账号甚至是开发者账号,对用户要求会比较高。

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容