Skip to content

bluefantasy728/Travel-Website-Lvbaba-by-AngularJS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#使用AngularJS,Bootstrap,jQuery等搭建的旅游购物SAP应用 **项目功能描述:**一个可以用户登录,根据不同旅游地点进行选择浏览,并且可以根据选择旅游人数在购物车中自动计算总价格的单页面旅游购物网站。 项目要点:

  • 选择使用Bootstrap搭建页面布局,AngularJS实现数据交互以及jQuery制作一些小特效;
  • 使用Component的方法取代AngularJS老版本的Directive指令,简化了各个组件的开发代码,将大部分的变量和业务逻辑写在Component里,实现了MVC的设计思想;
  • 在主模块app中注入ngRoute,在config方法中配置了用不同Component所对应页面之间的切换规则,实现各个页面之间的跳转而且保留了历史浏览记录;
  • 运用AngularJS自带的表单验证功能,实现了登录窗口的制作;
  • 使用AngularJSFactory功能,调用了$resource服务,代替$http服务,封装并简化了从后台ajax获取数据的代码,另外还封装了一个可以根据不同旅游线路的id,从后台获取对应图片的服务,并在各个Component中依赖注入后进行调用;
  • 入AngularJS自带的localStorageModule模块以及localStorageService,实现了封装后的对localstorage中的简单读写操作,避免繁琐的数据的序列化和反序列化,完成了购物车自动计算总价以及记录用户操作数据的功能;
  • 引入ngAnimate并结合CSS3实现了浏览旅游线路列表时的渐入渐出效果

About

a travel website 驴爸爸 by AngularJS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published