Javascript 数据库和UI上CRUD操作的最佳实践
我心中的问题是一个设计选择、最佳实践问题。用户有一个用户界面,其中包含一个HTML表,显示MYSQL表中的所有数据。在通过这个HTML表查看信息之后,给了他几个输入字段,允许他在此表上执行CRUD操作。我应该模拟使用Javascript删除的内容来更改HTML表的内容,还是应该从数据库返回所有新内容并动态创建一个新表。在第二种情况下,折衷是对数据库进行更多的查询,但数据更纯净。但是,在第一种情况下,我将编写的用于更新此HTML表的代码可能并不完美,并且会导致问题,但是会减少对数据库的查询时间 考虑下面的删除操作示例Javascript 数据库和UI上CRUD操作的最佳实践,javascript,html,sql,spring-boot,Javascript,Html,Sql,Spring Boot,我心中的问题是一个设计选择、最佳实践问题。用户有一个用户界面,其中包含一个HTML表,显示MYSQL表中的所有数据。在通过这个HTML表查看信息之后,给了他几个输入字段,允许他在此表上执行CRUD操作。我应该模拟使用Javascript删除的内容来更改HTML表的内容,还是应该从数据库返回所有新内容并动态创建一个新表。在第二种情况下,折衷是对数据库进行更多的查询,但数据更纯净。但是,在第一种情况下,我将编写的用于更新此HTML表的代码可能并不完美,并且会导致问题,但是会减少对数据库的查询时间 考
DELETE FROM OBJECTS WHERE ID=1;
DELETE FROM SUBJECTS_OBJECTS_RELATIONSHIP WHERE ID=1;
和几个复杂的查询
jquery中的vs
$(“#对象id_1”).parent(“tr”).remove()
如您所见,我可以使用jquery简单地删除object_id为1的行,而不必查询数据库sae您的问题非常广泛,有很多方法可以解决您的困境。首先,我建议学习MVC框架,如Laravel或CodeIgniter。两者都有各自的优点和缺点。例如,Laravel的学习曲线更陡峭,但可以成为一个很好的框架。它背后还有一个很棒的社区。另一方面,CI(codeigniter)可以相当容易地拾取。两者都提供数据库操作“库” 两者都遵循MVC设计模式。和是“后端”框架。基本上,这些框架与服务器端代码一起工作。(菲律宾) 现在的趋势是将后端框架与前端框架结合起来。因此,我想到的一个好框架应该是VueJS Laravel和VueJS合作得非常好。您可以创建一个restful后端,并使用VueJS通过Axios甚至jQuery等框架发送请求
这里面有很多信息需要学习,所以一定要为长夜的阅读做好准备。你可以选择任何一种方式 如果使用“update”方法,则删除后的服务器应返回一个javascript调用,该调用将在jQuery中执行该操作: $(“#对象_id_1”).parent(“tr”).remove() 如果采用完全更新方式,则首先清除表,然后上载所有数据,效率较低,但也不太容易出错。就我个人而言,我会选择“更新”方法。对不起,现在还不能评论 我不认为有直接的答案,但做一些假设:
若您不想再次加载相同的数据(您可能会使用类似“数据中的项”“的
”之类的内容将数据加载到表中),那个么只需在客户端删除就可以了。但,若您将在删除客户端上删除的内容时一次又一次地重新提交相同的数据,那个么无论怎样,查询都会像在其他情况下一样繁重。另外,您可以一次又一次地执行这个.remove()
我同意,向服务器发送删除请求,在ajax返回时,我可以从表中删除条目OK,太好了,您能批准我的解决方案吗?我会在发现不再提供反馈后批准。我希望得到的答复是,在UI上删除信息比从SQL中重新呈现数据更有优势。我很感谢您建议使用不同的库,但我觉得在这种情况下,库只是解决我遇到的问题的一种方法。感谢您的澄清。图表数据、图形数据等都是可行的数据源,您可以从UI中简单地“删除”。请记住,数据库用于存储持久/永久数据。因此,删除UI类首选项、数组值等信息将是您考虑不删除永久性数据的唯一时间。但是,对于事务记录、用户信息等数据,我相信这些都是您肯定希望使用MySQL的时候