基于HTML5实现天气预报

HyxHyMm 2017-03-28 02:09:50

求大神帮忙用HTML5写一个天气预报，本人程序小白一枚，急需。

...全文

1333 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

浪子回头8 2017-04-22

打赏
举报

回复

百度搜索“天气预报”插件，多了去了！

项目初览实现天气预报小程序，开发工具导入项目即可查看源码分享 ## 小程序设计过程小程序是一个易上手的东西，对于新手来说，多看官方文档，可以初步做出比较完整的小程序，正是因为简单上手，功能实现简单，小程序是越来越火，商业价值也越来越大。 #### 1.项目工具和文档 1. 微信web开发者工具：[微信小程序官网](https://mp.weixin.qq.com/debug/wxadoc/dev/) 这是个比较好用的编辑器，对于小程序编辑很方便。 2. 开发文档：[微信小程序宝典秘籍](https://www.w3cschool.cn/weixinapp/9wou1q8j.html) 通过这个查找微信小程序的API，组件，框架等等。 3. 图标库： [Iconfont-阿里巴巴矢量图标库](http://www.iconfont.cn/) 这个可以找到自己想要的几乎所有的小图标，十分方便。 4. Easy Mork： [easy-mock](www.easy-mock.com) 用于后台的模拟，得到JSON数据； 5. weui框架引入更多内容请下载查看

1、在手机中包含主视图和细节视图，主视图显示连续多天的天气预报简讯，用户在主视图中点击某一天的天气简讯以后，跳出细节视图，显示用户选定当天天气的详细信息。2、在平板中使用Master-detail视图，当用户点击某一天的天气预览以后，直接在界面右边显示当天天气的详细信息。3、主视图中包含Map Location和setting选项，通过”Map location” 选项，可以调用手机中安装的地图应用显示当前天气预报所对应的位置，如图表 4所示，用户可以通过setting选项可以修改天气预报的位置，温度的单位（华氏度、摄氏度）以及是否开启天气气通知。如果setting选项中中的天气通知选项

1、项目介绍系统实现了展示所有省份信息，及对应的城市信息，通过点击城市信息，可以获取当前所对应的天气信息。系统采用servlet框架结构，json作为数据读取的数据源。 2、项目技术后台架构：servlet+json 前台技术：JavaScript+jQUery+Ajax+CSS+HTML 3、开发环境系统环境：Windows 10 JDK版本：JDK 1.8 服务器：Tomcat 9.0 开发工具：idea 采用技术：servlet 前后端数据的传输采用json方式数据源采用定义的文件json格式获取讲所有格式编码转化为UTF-8 > 线上访问地址：http://localhost:8080/weather/ json数据格式化的转化采用谷歌组件gson

基于HTML5实现选择当地城市天气预报情况特效源码.zip

仿百度天气预报样式的echart静态html实例，是一款仿百度天气预报的静态页面，用到了html、echart、query等技术。

移动开发其他问题

790

社区成员

13,285

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章