Git Product home page Git Product logo

html5-2018's People

Contributors

1614080902105 avatar bbb1123 avatar bujingyu avatar caixz avatar carson6945 avatar erduoleading avatar geeklee1998 avatar hejianwens avatar heweisheng avatar ismylucas avatar jinmingh avatar lakerschampion avatar lgc1999 avatar liangzhuoh avatar lincj1998 avatar ljolon avatar moshaojia avatar shampooq avatar wjkaaa avatar wujinh avatar xbyzy avatar xieguocheng avatar xuhj233 avatar yapths avatar zelstudy avatar zengsn avatar zexinc avatar zglx avatar zhangzepo avatar zhengzekun avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

html5-2018's Issues

实验8:HTML5应用综合实验

大作业要求

  1. 完成微信小程序的开发并上传代码;
  2. 撰写微信小程序开发报告,附上小程序码。

检查方式

  1. 实验课上现场演示与检查;
  2. 发送在线发布的小程序码远程检查;
  3. 检查大作业技术报告内容与格式。

别浪费你时间

用户输入出生年月日
1.计算出用户已出生多少年、月、日、时、分、秒。
2.计算出用户大概剩下时间,和用处

实验7:微信小程序API用法

实验目标

  1. 掌握小程序网络连接功能;
  2. 了解小程序的主要API用法。

实验内容

  1. 在小程序页面上显示服务器内容;
  2. 用小程序表单向服务器发送数据。

实验步骤

自行根据实际实验步骤撰写。

注:上面这一句话原封不动抄过来的当次实验不及格。

实验要求

将微信小程序项目源代码目录保存到个人学号目录下;
将代码提交到实验库(add, commit, push),然后发送Pull Request;
根据自己的实验过程与结果编写实验报告(重点检查);
按照『教学助理』小程序要求将实验报告发送到老师的邮箱。

实验参考

https://github.com/hzuapps/web-wechat-2017/tree/master/12345678

计算器财富

一款帮助你计算的计算器,不仅可以计算你的作业题目,还可以计算你的财富。

懒猫投票助手

1.发起单项,多项投票。
2.查看发起投票的记录。
3.清除发起投票的记录。
4.参与投票

Time log

可以建立自己的Time log,来记录当天所做事情或者某件重要事件的所用时间,生成所做事情列表,查看自己的真实效率,从而提高自己的效率。
1.添加新的Time log。
2.编辑该Time log不同事件完成的时间。
3.可添加便利贴提醒自己。

实验4:JavaScript编程

实验目标

  1. 练习JavaScript基础语法;
  2. 掌握JavaScript操作DOM的方法;
  3. 掌握JavaScript事件处理及回调函数用法;
  4. 了解jQuery前端JavaScript库。

实验内容

  1. 练习:11.4.1 改变网页背景颜色(P309页);
  2. 实验:使用JavaScript检测简历网页留言表单内容。

提示:点击留言按钮时,如果留言内容为空,则弹出提示窗;不为空时正常发送留言。

实验步骤

自行根据实际实验步骤撰写。

注:上面这一句话原封不动抄过来的当次实验不及格。

实验要求

  1. 在实验库 html5-2018 中创建学号目录;
  2. 将编写的网页(如:resume-weui.html)保存在自己的目录下;
  3. 将代码提交到实验库(add, commit, push),然后发送Pull Request;
  4. 根据自己的实验过程与结果编写实验报告(重点检查);
  5. 按照『教学助理』小程序要求将实验报告发送到老师的邮箱。

实验参考

  1. https://www.cnblogs.com/XYQ-208910/p/5826942.html

实验1:Web服务器与调试工具

实验内容

  1. 在本机上安装 Apache服务器(或同类工具),根目录创建 index.html,显示自己的信息;
  2. 在本机上打开Chrome浏览器(未安装要安装),打开Web开发工具,查看自己的网页。

实验步骤

自行在实验在报告中撰写。

实验结果与要求

  1. 所有操作结果,截图之后粘贴到实验报告中;
  2. 发邮件到作业邮箱,提交实验报告。

提示

  1. Apache服务器的下载与安装 https://blog.csdn.net/zhangnana200/article/details/77116030
  2. 独立安装Apahce服务器 https://blog.csdn.net/lyb123453/article/details/72892305

旅游通

1.知道惠州旅游景点的地址、服务电话、开放时间

拾句lite

在这里可以随时遇见,找到和收藏你喜欢的句子。

JJnote

该小程序主要用于随时随地记笔记,电话号码等等易忘信息

实验6:HTML5小程序页面

实验目标

  1. 掌握微信小程序注册方法;
  2. 掌握微信小程序文件结构;
  3. 掌握微信小程序中WXML、JS及WXSS的写法。

实验内容

  1. 注册一个微信小程序号,并且创建Issue,说明小程序题目与功能简介;
  2. 创建微信小程序导航栏及相应的页面;
  3. 完成微信小程序的首页开发(其他页面可以暂时空)。

实验步骤

自行根据实际实验步骤撰写。

注:上面这一句话原封不动抄过来的当次实验不及格。

实验要求

  1. 将微信小程序项目源代码目录保存到个人学号目录下;
  2. 将代码提交到实验库(add, commit, push),然后发送Pull Request;
  3. 根据自己的实验过程与结果编写实验报告(重点检查);
  4. 按照『教学助理』小程序要求将实验报告发送到老师的邮箱。

实验参考

  1. https://github.com/hzuapps/web-wechat-2017/blob/master/list.md
  2. 微信小程序开发工具下载:https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html
  3. 微信小程序文档:https://developers.weixin.qq.com/miniprogram/dev/

memo

功能:1.添加页面:添加、保存和查看待会儿要做的事;
3.个人中心页面:用户可以留言,也可以与本人取得联系。

聊天机器人TT

智能问答、聊天对话、脑筋急转弯、讲故事、绕口令、数学计算、中英互译等

Weather forecast

1.定位你所在的地方(某个城市)
2.汇报城市的温度情况
3.针对此城市的温度对感冒率的判断
4.此城市未来5天内的天气情况(包括天气类型,高低温以及风向的判断)

音乐分享

功能:
能发帖子分享音乐或者听了某首音乐之后的感受

Nut Reading

  1. 收录精选阅读,使阅读更加简单方便;
  2. 增加英语阅读栏,提升英语阅读能力。

私人管家

名称:私人管家
功能:帮助个人记录自己在各种软件或网址上的账号密码。
页面:
1.添加账号(添加自己想保存的账号密码)
2.账号管理(查看或删除自己已经记录的账号密码)
3.关于我(作者信息)

投票小助手

1.选择单选投票或多选投票。
2.编辑投票。
3.查看我的投票。

电影推荐

展示从豆瓣点评api获取到的电影信息

实验3:CSS3样式设计

实验目标

  1. 掌握CSS的用法及基础语法;
  2. 掌握WeUI等第三方CSS库的使用。

实验内容

  1. 基于WeUI编写个人简历,方便在移动端和微信端浏览。

实验步骤

自行根据实际实验步骤撰写。

注:上面这一句话原封不动抄过来的当次实验不及格。

实验要求

  1. 在实验库 html5-2018 中创建学号目录;
  2. 将编写的网页(如:resume-weui.html)保存在自己的目录下;
  3. 将代码提交到实验库(add, commit, push),然后发送Pull Request;
  4. 根据自己的实验过程与结果编写实验报告(重点检查);
  5. 按照『教学助理』小程序要求将实验报告发送到老师的邮箱。

实验参考

  1. https://weui.io
  2. https://github.com/Tencent/weui

遗愿清单2018

1、遗愿清单:可以创建多个遗愿,完成的在列表划掉
2、未完成的:显示创建后没被划掉的遗愿,方便查看
3、已完成的:被划掉的遗愿显示在该列表
可以标识未完成和已完成的遗愿又可以分类查看

The sea of books

1、可以搜索书籍。
2、有推荐的书籍,书籍有进行分类,在分类里有包括各类书籍的名作。
3、个人页面有小程序的简介,可发送留言反馈和上传书籍封面图片。

实验2:HTML5语义标签

实验目标

  1. 练习并掌握HTML5网页开发;
  2. 掌握网页与网站服务器的部署方法。

实验内容

制作一个HTML5个人简历网页,具体要求如下:

1. 使用HTML5语法
2. 使用<table>设计布局
3. 使用<img>添加个人照片
4. 使用<form>制作一个留言表单
5. 使用<a>指向自己的GitHub主页  

注意:可以隐去自己的真实姓名与联系信息。

实验步骤

根据自己的实验步骤撰写。

实验要求

  1. 在实验库 html5-2018 中创建学号目录;
  2. 将编写的网页(如:resume.html)保存在自己的目录下;
  3. 将代码提交到实验库(add, commit, push),然后发送Pull Request;
  4. 根据自己的实验过程与结果编写实验报告(重点检查);
  5. 按照『教学助理』小程序要求将实验报告发送到老师的邮箱。

Recommender

主要功能:
1.展示自己认为值得推荐的物品(例如音乐、美食、书籍、APP等),上传物品名字、物品类型、物品简介、物品照片、推荐的理由等信息。
2.浏览他人推荐的物品,进行评论。

旅行助手

功能:
1.天气预报功能
2.导航功能

失物查找 小程序

失物查找

功能:

  • 发布丢失的物品信息
  • 发布找到失物信息
  • 转发到朋友圈

记事本

1.实现简单的添加和删除操作
2.实现编辑修改功能
3.首页查看添加纪录

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.