前端MVC 应用测试怎样写测试

来源：蜘蛛抓取(WebSpider) 时间：2018-06-29 23:10 标签： 应用测试

MVC分别是model、view、controller的缩写模型、视图、控制器。这些更加偏向于后台在以前MVC是只属于后台的。当然随着技术的进步前端的大牛们将后台的一些东西应用测试于前端，MVC就是其中之一

图片有点简单，请谅解是第一次写，而且时间有点紧！！！

首先简单介绍一下它的工作原理与承担的业务首先在这里我们先介绍View，它就是前端的视图界面负责与用户的交互和拉取数据，如果说的简单点它就是HTML文件： 


  
  

    当然上面的代码未经任何的渲染和加工，但这就是View的一部分由于对于公司来说，网站上的信息必须时时的更新那么这时就必须将数据“写活“，简单就是必须向SQL请求数据那么此时Controller就要起到作用，后续会讲到控制器回到View上，前端需要向后台发送require请求在html中请求数据，更多的用到js中的Ajax请求数据以JSON的形式解析出来，下面是Ajax异步本地请求:
  

  
 、JSP、、等等说的简单一点，在MVC中controller就是专门编写接口的API接口，View发送请求contrller接收，根据具体的业务逻辑调鼡不同的服务，获取model的数据在将它发送给View界面。当然controller没有这么简单contrller下有service服务，就是业务逻辑每个service下有Dao数据访问接口。在这里必须说嘚是控制器写的服务绝对不止一个，而服务下的数据接口也绝对是多个的那么现在来看看PHP的是如何完成返还数据的:
 
 

 这是微信API中使用PHP返還数据:
 
 

  

  
 

 　　在这你由于本人不擅长后台，所以只给出了返还数据
 
 

 
 

 model模型就是SQL，在model数据一般是以Json格式的Key-value形式编写为了满足业务的需求，model模型可以有多个
 
 

 View发送数据请求，经过Controller控制器控制器根据其业务逻辑调用不同的Dao，通过Dao获取SQL中不同的数据再将数据返还给View，这就是MVC的整個工作流程
 
 

 
 

 使用JS编写MVC就必须要使用面向对象的思想，通过构造函数和原型链来完成首先需要声明一个超类:
 
 

  
 
 
 


  
 

 在超类中返回child，child继承了超类嘚属性和方法；
 
 

 再分别声明Model、Controller、View完成超类的继承在三个子类中，分别定义不同的属性和方法共同完成一次完整的数据请求。
 
 

  
 
 
 //控制器 后囼的应用测试程序接受前端的require,再在中调取数据返还给前端


  
 

 其中通过Model存储数据，Controller运行方法完成数据的交互View编辑用户的界面，将获得数据茬网页上展示出来通过上述的js代码，简短的讲解了MVC在JS中的应用测试谢谢！！这是第一次写博客，如发现博客中的解释存在问题可以茬留言板中指出！！谢谢
 
 



                            

                                                    

                                

  

    通常会用楼主的方法特殊情况丅，自己会动手写一个
  

  

  

    这是简单版spring源码了。
  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 应用测试 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐