现在的前端开发人员不知道为什么这么少,这么难招,其实现在开发真的只要会上网会找组件就行了。
记得十多年前我们开发网页的时候,我们都要会HTML、Jquery、css和Ajax等一大堆的东西,最头痛的是如果美工不好,就做不出美观的页面。
近几年前端开发也作为一个专业的领域细分出来。出现了vue等开发框架,把前面说的这些全部集成在了一起。使开发页面变得非常的简单,基本变成了只要会使用组件即可,但是还是有一个奇怪的现象,前端的优秀开发人员还是非常的少。但不管怎么发展,都是前端+后端+数据库的开发模式。
今天我给大家介绍不需要开发前端(其实是少量开发)不需要设计数据库结构的另类开发思路。前端页面拖拽生成,把页面结构以json的方式保存,后端采用MongoDB灵活保存数据。使用的时候,调出页面JSON结构自动渲染生成前端录入界面,数据展现通过通用方法展示数据。在一些以录入与展现为主的系统,能够极大的提高开发效率。
大致的技术方案如下:
一、通过页面自动生成器生成页面结构。这里的特点是不生成真正的vue页面,与传统方法开发一个vue页面不一样,而是通过JSON保存页面结构。
在网上找到两个比较好的页面生成器供大家选择,均能把页面以json的形式保存下来:
https://mrhj.gitee.io/form-generator/#/
https://github.com/GavinZhuLei/vue-form-making
二、后端写一个比较灵活的数据保存方法和通用数据读取方法。
三、后台数据库采用mongodb,能够非常灵活的适应各种数据结构的保存,无需事先设计表结构,无论我们在线设计多少界面均能保存到mongodb数据库。
四、编写一个前端通用显示页面,自动根据表单结构和表数据生成table。
这种方法看上去不够严谨,而且数据库设计看起来不是很规范,而且还有一定的局限性,本文主要是提供一种开发思路。客户化一下,在特定场景下还是非常方便快捷,而且因为这种方法没有真实生成页面,所以能够在线配置生成各种页面,也就不用上线,真正起到了在线开发的作用。这种思路也能够引深,假如我们知道后台数据结构,是不是能够自动生成制式化录入界面和查询界面呢?