本发明公开一种通过权重算法实现页面组件自动排序的方法，通过管理端及APP端实现；管理端设定组件库及预览视图模块，组件库内包含多个组件，分别对组件设定基础权重值a；定义不同字符串格式的type值分别对应不同组件，每种type都对应一个json对象；在管理端，将多个组件从组件库拖拽移动到预览视图模块处，预览视图模块处根节点root拥有相应的子元素，通过遍历root节点，以及根据映射关系把每个节点转成json对象push到json数组中；把json数组上传到服务器上形成原始数组供App端获取；App端进入页面后，向服务端发送请求获取原始json数组，并根据权重算法重新自动排序；本发明实现组件的随意拖动及自动排序，从而使页面的多样化。