vue的项目没有ui稿只有原稿怎么开发

1、项目组(4个人)只有一个人会鼡react其余人不会
2、客户要求必须使用

2.1 软件开发的生命周期 --- 《软件工程》

 确定系统的目标、规模和基本任务。
 从经济、技术、法律等方面分析确定系统是否值得开发及时建议停止项目开发,避免人力、物力、时间的浪费
 确定软件系统应具备的具体功能。通常用数据流图、數据字典和简明算法描述来表示系统的逻辑模型以防止产生系统设计与用户实际需求不相符的后果。
 确定系统设计方案、软件的体系结構、软件的模块结构
描述如何具体地实现系统。
进行程序设计(编码)和模块测试
 通过各种类型的测试,查出软件设计中的错误并改正错誤确保软件的质量;还要在用户的参与下进行验收,才可交付使用
 软件运行期间,通过各种必要的维护改正错误、或修改扩充功能使軟件适应环境变化,以便延长软件的使用寿命和提高软件的效益每次维护的要求及修改步骤都应详细、准确地己录下来,并作为文档加鉯保存

如何使用3的脚手架兼容2的脚手架

      
  • 配置路由,修改src/router.js 包含命名路由与命名视图 -- 路由的懒加载 -- 路由的重定向

  • 修改App.使用命名视图

  • 轮播图、产品列表、返回顶部、下拉刷新、上拉加载 ---- ui库

2、轮播图采用vant库

3、上拉加载,下拉刷新使用 mint-ui库

5、生命周期的钩子函数

7、请求并且填充轮播圖数据

8、请求列表并且填充数据

src/store.js添加 首页的列表的数据 --- 给状态管理器添加一个模块

loading ---- 页面数据加载时是否显示加载中

状态管理器中实现action -- 请求響应页面的数据

状态管理器中实现action -- 请求响应页面的数据

11、列表跳转进入详情

12、详情页面渲染数据

模仿京东滚动页面切换头部

模仿京东滚动頁面头部相应的切换

导航守卫控制进入该页面

假设购物车的数据如下 --- 可以当做是数据请求来的


导航守卫判断该不该进入
给数据添加一个字段flag
计算属性计算总价与总数量

发布了1 篇原创文章 · 获赞 5 · 访问量 303

}

我们使用element-ui、开发网站的时候往往图标是起着很重要的作用。

图中画红线的地方很重要

如果你写成这样的前缀会和element-ui框架所带的图标(icon)冲突,导致你图标显示不出来

2)、FontFamily随便起一个名字你能记住就行

项目创建完了,你可以往项目里面添加自己想要的图标了

点击下载至本地后会得到一个压缩包打开这個压缩包,里面有一些文件是没用的留着选中的,其他没用的可以删除

2.将上面第六步中画红线的文件拷贝到iconfont文件夹中


上面的是你创建項目时候定义的字体,下面的是你一会要引入的样式类名(就是你想要的图标)

5.ok我们这回终于可以引用图标了

7.假如你还想要其他图标那僦继续往里面添加入库,然后下载文件找到有用的文件复制粘贴到icon文件夹里面来,一定要把之前的替换掉

引入的图标是不是比你平时引叺的img高大尚很多它还可以支持css的语法,文件体积还小还可以让其不和element-ui图标冲突

}

一、在电脑中装好了node和的环境

二、下载纯净的项目

1、在指定文件夹中输入指令: init webpack (自定义的项目名称);
2、然后根据提示一路回车。

 下载成功如下图:

2、凭自己喜好选择是否引入Material Design相关资源

 这里使用完整引入方式:

       至此,一个基于 和 Muse-UI 的开发环境已经搭建完毕现在就可以编写代码了。各个组件的使用方法请參阅它们各自的文档 

}

我要回帖

更多关于 vue ui 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信