1.首先将avalon的js库文件引入相关页面，也可以使用cdn：<script src=""></script>
2.本例子使用的是springmvc，orm：iBATIS，数据库：oracle。相关配置和avalon的使用没有关系这里不做介绍
3.数据库表
4.为什么要用ajax实体类
5.iBATIS映射配置
6.查询：
根据上图的流程，页面请求后台，跳转页面，页面在初始化完后发送ajax异步请求前往后台请求数据，数据类型如图，将数据赋值给vm然后进展循环数据生成列表。
7.新增：
a)点击新增按钮，跳转到新增页面，将页面表单进展avalon双向绑定
   
b)提交发送ajax请求，通过vm.$model获取到vm中的数据
c)因为后台已经建立了对应的实体类并且存在get、set方法，所以后台可以直接用对象接收，iBATIS中也建立了关系映射，所以也可以直接从对象中获取属性值
8.修改
a)点击修改按钮跳转后台根据id查询到要修改的数据
b)将查询回来的对象回显到页面，avalon有双向绑定功能，将表单与vm绑定后，只需要在vm中进展赋值即可，可通过el表达式进展回显
c)将修改的数据提交，同新增，但是有一个地方需要注意，请往下看
9.删除

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。