1***@qq.com
1***@qq.com
  • 发布:2020-10-20 10:58
  • 更新:2020-10-20 10:58
  • 阅读:1417

【新手教程】一把梭,教你通过uniapp打造小程序全家桶(前置篇)

分类:uni-app

前言:
本文章全文918个字,阅读需要10分钟!如果您觉得本文章对您有用欢迎给我点赞留言转发。
大家好,我是归来!从今天开始,我将给大家分享开发支付宝小程序的全过程!通过我们的实际项目开发,给大家讲解如何从0到1开发一款属于自己的小程序!当然,开发一款小程序一定不只是涉及到前端这一点点知识。我们本次分享只针对前端开发,后面关于后端开发的过程我们在做另外解答!那我们先进入今天的正题。
正题:
一个公司前端开发中到底需要用到哪些软件呢?
开发工具:

  1. visual studio code
  2. Hbuilder(国内精品)
  3. 各种小程序开发工具
    开发框架:
    一、样式框架
  4. bootstrap
  5. layui
  6. mui
  7. sui
  8. iconfont(阿里免费图标管理样式)
    二、Javascript框架
  9. jquery
  10. layui
  11. vue
  12. react
  13. angular
    涉及到的通用软件:
    一、服务器
  14. apache
  15. nginx
  16. node.js
    二、项目管理软件
  17. svn
  18. git
    三、其他管理软件
  19. ftp
    以上工具及供参考不需要完全了解,标红的为重点掌握内容。具体可以自行百度!
    一个标准的开发项目是什么样子的?
  20. 确定需求:需求方(老板)提出需求(做什么)
  21. 分析需求:产品经理确定分析老板的需求,并绘制出相应的原型图和高保真(怎么做)
  22. 确定产品:老板确认完产品并将产品原型图交给UI设计师
  23. 画出界面:UI设计师做出产品交给前端
  24. 开发计划:开发经理确认开发流程并制定相应的开发计划
  25. 完成前端:根据UI提供的页面完成前端样式
  26. 数据渲染:根据后台提供的接口完成数据渲染
  27. 测试程序:测试产品并进行灰度测试
  28. 通过上线:测试通过,完成全部上线
    本教程约定咱们对html css js有基础的了解!如果您完全不了解,推荐您先看菜鸟教程或者w3cschool的基础教程!
    为什么是uniapp?
    uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。目前uniapp已经支持全平台开发!从此一套代码,开发N端不是梦!
    快速上手
    uni-app支持通过 可视化界面、vue-cli命令行 两种方式快速创建项目。并且支付宝小程序官方开发编辑器也支持咱们的uniapp开发!大家可以去uniapp的官方查看相应的文档。传送链接
    注意事项:页面样式与布局
    结尾
    大家可以通过编辑器创建一个属于自己的uniapp,明天我们正式开始讲解如何通过uniapp实现支付宝小程序并使用相应的组件。
    如果您有任何疑问,欢迎给我留言,我会第一时间为大家解答!
    最后,如果你需要开发网站,小程序,公众号等产品,欢迎和我们联系。
1 关注 分享
HardyLiu

要回复文章请先登录注册