vue的项目demo(asp.net mvc5+vue2.5)

vue的项目demo(asp.net mvc5+vue2.5)_第1张图片

本项目是asp.net mvc5+vue2.5的项目,用了挺长的时间进行摸索和研究,非常适合vue的初学者进行模仿和研究,可以举一反三对本项目进行扩展。

本项目前台显示是用vue2.5开发的,后台操作数据使用了mvc5的EF

页面实现的功能如下:

1.不仅有vue的基本功能,而且设计到vue的组件功能。

       使用vue弹出层组件,添加和编辑都是在该组件中进行。

       这样做的优点是:添加和编辑都是公用一个组件,节省代码,能更好的进行维护。

2.实现了增删改查的功能,而且是一对多的。

       并不是简单的增删改查,还涉及到了表的一对多,无论是添加还是编辑,都能轻松的应对,用户还可以对此进行扩展。

       vue的项目demo(asp.net mvc5+vue2.5)_第2张图片

3.后台使用了EF进行操作数据库

       对于想熟悉EF的小伙伴们也是很好的帮助,使用了Lambda表达式和Linq操作数据库,还有联表的包含查询,以及一对多如何更新都有涉及。

       EF使用的是codeFirst,在运行之前需要修改数据库连接字符串,然后就会自动生成数据库表了。

4.实现了分页的功能。

       使用了vue的组件来实现分页功能,在这里使用了一点bootstrap的样式。该分页的特点是需要多少数据就会在后台查询多少数据,并不是一次性的都查出来,因为那样的话会非常的浪费内存。

5.其他

       另外,本项目无论是前台还是后台都对代码进行了注释,使得项目非常容易理解。

       如果对于本项目还有什么问题或者功能需要改善的地方,可以在这里进行留言,或者直接找我:我的QQ:2821281150。

 

注:本项目已经上传到CSDN上面,而且只有5分,下载完请给好评,谢谢。

地址:https://download.csdn.net/download/hello8hello/10955274

你可能感兴趣的:(vue的项目demo(asp.net mvc5+vue2.5))