vue学习与实践——后端猿采坑记

本周帮助公司进行后台项目的前端改造,之前采用的是后端模板渲染页面的方式。该方式的优点是后端工程师开发简便,易于上手,前端开发成本低。但他同时也有着不小的局限,比如前后端无法分离,无法实现页面的局部刷新,无法进行对数据进行双向绑定等,所以本周我接下了这个有趣又有挑战的新任务。

之前的工作经历中有一段的前端开发经验,所以本次开发开始前没有太多的抵触心理,按套路先打开vue.js的文档,简单的通读一下便开始上手了。

下面附上官网链接

https://cn.vuejs.org/v2/guide/index.html

第一步,引入Vue。

官网提供了引入Vue的很多种方式,比如现在比较流行的npm包管理,webpack等,我这里因为是只做vue的使用所以,简单粗暴的使用了<script>的标签引入方式。 这个版本包含了Vue的报错与提示 。

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

线上版本推荐使用Vue.min,这个版本更小,但是没有包含报错信息。

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>

引入js文件之后,我们就可以投入到vue.js的开发了。 根据官网的指引首先进行vue的声明,也就是实例化。

(更多…)

JAVA VO、DTO、DO、PO的概念、区别和用处

概念

VO(View Object):

视图对象,用于展示层,它的作用是把某个指定页面(或组件)的所有数据封装起来。 

DTO(Data Transfer Object):

数据传输对象,这个概念来源于J2EE的设计模式,原来的目的是为了EJB的分布式应用提供粗粒度的数据实体,以减少分布式调用的次数,从而提高分布式调用的性能和降低网络负载,但在这里,我泛指用于展示层与服务层之间的数据传输对象。 

DO(Domain Object):

领域对象,就是从现实世界中抽象出来的有形或无形的业务实体。 

PO(Persistent Object):

持久化对象,它跟持久层(通常是关系型数据库)的数据结构形成一一对应的映射关系,如果持久层是关系型数据库,那么,数据表中的每个字段(或若干个)就对应PO的一个(或若干个)属性。

(更多…)