Vue项目
drinmy
这个作者很懒,什么都没留下…
展开
-
【Vue项目】一、Vue全家桶开发电商管理系统(Element-UI)——项目概述篇
项目概述项目目标项目业务概述电商后台管理系统的功能电商后台管理系统的开发模式电商后台管理系统采用的技术栈项目目标项目业务概述项目主要围绕电商PC后台管理来实现。电商后台管理系统的功能电商后台管理系统的开发模式该系统整体采用前后端分离的开发模式,其中前端项目是基于Vue技术栈的SPA项目。前端:负责绘制页面,使用ajax调用后端接口。后端:负责操作数据库,并给前端暴露操作数据的API接口。电商后台管理系统采用的技术栈前端项目技术栈:VueVue-routerEleme原创 2020-07-15 23:18:14 · 801 阅读 · 0 评论 -
【Vue项目】去哪儿网APP(完结)
去哪儿网APP项目介绍主要业务技术内容项目重点&笔记项目源代码项目介绍使用Vue框架的项目,提供后端数据,并将数据放至PHP服务器上。主要业务景点列表景点详情城市列表城市搜索技术内容使用Vue语法和Vue Cli使用webpack打包工具数据同步,使用Vuex项目页面跳转与导航,使用Vue Router使用PHPStudy,搭建PHP服务器,并将后端数据放至服务器上。项目重点&笔记【Vue项目】一、去哪儿网APP——前期准备【Vue项目】二、去哪儿网A原创 2020-07-11 09:52:49 · 1726 阅读 · 3 评论 -
【Vue项目】五、去哪儿网APP——项目的联调、测试与发布上线
项目的联调、测试与发布上线的重难点将页面的数据放至后端,进行前后端调试真机调试真机调试中出现的问题项目打包上线将页面的数据放至后端,进行前后端调试前端代码编写完毕,后端也已编写好接口时,不再使用前端的模拟数据,使用后端提供的数据,进行前后端调试。借鉴phpStudy搭建PHP服务器,使用 PHPStudy搭建PHP服务器,将80端口指向Travel文件夹:将json数据放至Travel文件夹下的api文件夹:修改config文件夹下的index.js文件,将数据获取的api指向PHP服务器的原创 2020-07-10 18:41:17 · 563 阅读 · 0 评论 -
【Vue项目】四、去哪儿网APP——详情页面开发
这里写目录标题解决使用router-link导致的字体变色问题使用动态路由跳转页面实现Banner背景的从上到下的渐变色实现点击banner图,弹出一个画廊组件(图片的轮播)实现页面滑动至离顶部60时,出现Header组件实现Header组件的渐隐渐现动画效果解绑全局事件使用递归组件实现详情页列表使用z-index解决下滑时header的显示,使之可以覆盖页面内容使用ajax获取动态数据解决页面重新加载时,页面没有重新发送ajax请求的方法拖动页面后,跳转到其他页面时页面到顶部的距离互相影响的解决方法:使用原创 2020-07-10 17:59:03 · 632 阅读 · 0 评论 -
【Vue项目】三、去哪儿网APP——城市列表页面开发
城市页面开发中的重难点使用router-link实现页面的跳转使用router-link实现页面的跳转<router-link to='/city'>//点击后跳转的控件</router-link>注意:加了这个组件之后,需要重新设置字体颜色,因为组件中包含一个链接,链接本身设置了字体颜色。...原创 2020-05-11 10:44:03 · 970 阅读 · 1 评论 -
【Vue项目】二、去哪儿网APP——首页开发
首页开发中的重难点重点思想使用vue-awesome-swiper实现轮播效果解决轮播图在使用ajax获取数据后,出现刷新后第一张图轮播图为末尾id的图的问题实现有分页效果的轮播实现有分页效果的图标(icon)轮播区域用padding-bottom实现固定宽高比实现文本太多,显示省略号(…)效果:保证内容不超出父盒子使用vue axios来获取数据重点思想第一次接触一个完整的Vue项目,从看视频一步一步的做,个人觉得最重要的思想就是,懂得页面组件化这个概念。将一个页面分成各个部分,例如首页,将它分成头原创 2020-05-10 16:03:26 · 1022 阅读 · 0 评论 -
【Vue项目】一、去哪儿网APP——前期准备
步骤使用码云(gitee)平台使用码云(gitee)平台创建仓库及项目,接着使用Git命令:git clone将项目克隆到本地。安装Vue-cli(脚手架)原创 2020-05-08 22:36:49 · 667 阅读 · 0 评论