旅游微信小程序设计内容,和设计路线

如果对楼主有帮助，可以给个采纳不，谢谢啦

实现原理

• 通过map组件标记起始点和绘制路线图；

• 通过高德地图API获取不同类型的路线坐标点，以及耗费时间和路程。

WXML

• <view class="flex-style">


• ?<view class="flex-item {{status == 'car' ? 'active' : ''}}" data-status="car" bindtouchstart="goTo">驾车</view>


• ?<view class="flex-item {{status == 'walk' ? 'active' : ''}}" data-status="walk" bindtouchstart="goTo">步行</view>


• ?<view class="flex-item {{status == 'bus' ? 'active' : ''}}" data-status="bus" bindtouchstart="goTo">公交</view>


• ?<view class="flex-item {{status == 'ride' ? 'active' : ''}}" data-status="ride" bindtouchstart="goTo">骑行</view></view><view class="map-inputtips-input">


• ?<input bindinput="bindInput" placeholder="输入终点" focus="true" /></view><view class="map-search-list {{isShow ? '' : 'map-hide'}}">


• ?<view bindtouchstart="bindSearch" wx:key="searchId" data-keywords="{{item.name}}" data-location="{{item.location}}" class="map-box" wx:for="{{tips}}">


• ? ?{{item.name}}


• ?</view></view><view class="map_box {{detailStatus ? 'active' : ''}}">


• ?<map id="navi_map" longitude="{{longitude}}" latitude="{{latitude}}" scale="14" include-points='{{points}}' markers="{{markers}}" polyline="{{polyline}}"></map></view><view class="text_box {{detailStatus ? '' : 'map-hide'}}">


• ?<view class="text">路程：{{distance}}米</view>


• ?<view class="text">耗时：{{cost}}分钟</view>


• ?<view class="detail_button" bindtouchstart="goDetail">详情</view></view>

微信小程序开发的原则，规范和限制有哪些

对于开发微信小程序的原则，规范有一下三点：
1、小程序在功能方面，小程序应该比原生App更单一；
2、小程序在设计方面，小程序应该比原生App更简洁；
3、小程序使用场景方面，小程序比原生App更明确。

能推荐几本开发微信小程序的书籍吗？

一、《小程序·巧应用，微信小程序开发实战》

内容介绍：该书系统全面地讲解微信小程序的开发技术。开篇创建一个小程序项目并解析体验, 介绍如何由零开始创建一个小程序, 全面体验小程序的开发工具、界面、开发框架、实现过程及其主要代码框架, 了解小程序的应用场景及开发要求。接着介绍小程序开发基础, 包括小程序开发的语言与语法、函数方法、模块、事件交互等。然后详细介绍了组件的应用与开发, 包括开发过程与组件应用技巧, 还详细分析了API接口, 包括使用各个微信原生API接口进行小程序开发的技巧。最后介绍了几个小程序实战案例, 让读者实践小程序各项能力的应用及掌握一些应用技巧。

图书简评：可以说，《小程序、巧应用》这本书是这个时代的及时雨，它不仅仅告诉我们应用号小程序的开发和使用，也为我们下一代信息化模式转型做了一个非常好的铺垫。

二、《从零开始学微信小程序开发》

内容介绍：书籍共分3篇12章，第1篇介绍微信小程序的基础知识，包括微信小程序开发工具、微信小程序架构分析；第2篇介绍微信小程序的常用模块，通过一些小案例详细介绍了微信小程序提供的各种组件的使用、API函数的使用，访问手机硬件的函数；第3篇是综合案例，以微天气、微音乐这两个完整案例的开发，演示微信小程序开发的全过程。图书简评：《从零开始学微信小程序开发》内容由浅入深，每个知识点都通过小案例进行演示，适合希望通过微信小程序开发应用的读者，具有HTML 5基础知识的读者都可阅读该书。

三、《21天精通微信小程序开发》

内容介绍：这是一本帮助编程爱好者和从业人员从零开始学习微信小程序设计的书。该书紧跟微信小程序的技术发展，是目前在该领域率先进行系统的技术探讨和培训的著作。该书站在学习的角度，目的是让学习者通过21天的时间了解到微信小程序的技术框架结构、开发环境搭建、编程语言细节等。该书全面地讲解了微信小程序的逻辑层与视图层的架构特点、JavaScript语言的入门和进阶知识、WXML语言的语法特点、WXML视觉组件的使用、WXSS样式表语言的语法入门、常用样式描述语句、盒模型和Flex布局等，快速具备微信小程序开发的能力。这是一本从零学习微信小程序开发的专业书，不需要额外的专业基础就能让你读懂这本书。对于初学者，该书可以作为一本系统的学习教程来使用；对于有经验的前端开发者，这本书可以作为微信小程序开发的参考书来阅读。

适用人群：该书面向的是对移动互联网应用开发有兴趣、有意入门或精通微信小程序开放的人群，包括大学学生、教师、培训机构学员和教师、移动应用前端程序员、网页前端程序员、移动应用的设计和调试人员、产品经理等。

毕业设计可以做微信小程序吗

毕业设计是可以使用制作微信小程序来当自己的毕业作业的，如果运营好的话还可以以后继续做。