前端页面分离过程总结

前端页面分离过程总结

前端页面分离的主要工作目的是把前端独立出来，在没有后台数据库支持的情况下，也能在前端页面显示数据和展示软件的基本功能。完成本工作的主要任务，就是把Ajax请求的后台json格式数据写死到前端页面。

主要工作流程为：

1、打开系统看系统呈现的主要数据，通过浏览器F12显示当前页面网络主要进行了哪些请求传递回了哪些数据，对照系统前台显示数据确定请求在js代码的位置。

2、找到js代码请求的位置，将js代码中发出的Ajax请求和错误提示注释掉，将后台传递来的json格式的数据赋值到js代码中对应的变量，然后启动调试，观察效果。

出现的问题：

1、前台数据不显示，错误原因：js代码语法错误，赋值变量位置不对

2、启动时报错，错误原因：软件其他位置存在错误，影响运行

3、前台数据显示格式不对，错误原因：json数据不匹配

解决思路：

1、检查json数据格式正确与否；

2、检查js语法错误；

3、在相应位置加断点检查方法是否运行；

  4、当其他位置代码报错后，处理掉报错后再运行。