Git Product home page Git Product logo

wechat-miniprogram-hzc-2017's Introduction

wechat-miniprogram-hzc-2017

软件开发新技术 - 微信小程序开发

wechat-miniprogram-hzc-2017's People

Contributors

1517060305 avatar 1517060322 avatar 870971217 avatar azx2438201 avatar ccccjq avatar chengzhibin avatar chenzhenxiong avatar hao523577579 avatar huanglingwen avatar irootz avatar jackkizhu avatar liangfenghan avatar linmaoquan avatar lylsy0428 avatar mashaku avatar qiu-bohong avatar ruan3zzk avatar sprite24 avatar surpershuai avatar wenjianyangwen avatar xiaoyanhui123 avatar zengsn avatar zfyyy avatar zh8120 avatar zwtzhang avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar

wechat-miniprogram-hzc-2017's Issues

动物世界

第一个页面:昆虫的种类
第二个页面:昆虫的详细介绍
第三个页面:表单提交

实验2:给网页添加CSS样式

实验要求

  1. 练习CSS的3种用法
  • 创建一个 style.css 文件,放在学号目录下,在HTML上链接这个CSS文件;
  • 在 style.css 中创建一条CSS规则,用在HTML的段落标签P上;
  • 在 HTML 中添加 style 标签,在其中创建一条CSS规则,用在HTML的DIV标签上;
  • 在 HTML 中创建一个表格table,把表格边框改为红色。
  1. 将代码提交到实验库
  • git pull
  • git add 学号/*.html
  • git add 学号/style.css
  • git commit -m "#47 第2次实验~练习CSS"
  • git push
  • 发送 Pull request.

综合实验:实现期末大作业

大作业要求

  1. 先在Issues中创建一个Issue,说明自己要做的选题;

https://github.com/hzuapps/wechat-miniprogram-hzc-2017/issues/
(点击右上角绿色按钮 New issue,Title中写上题目,Write描述简单功能)

  1. 根据自选题目,开发一个至少有2个界面的微信小程序。
    (一)设置小程序底部导航按钮3个(带图标)。
    (二)第1个界面(首页)实现可滚动列表界面。
    (三)第2个界面(发现)用List和Navigator控件实现功能菜单。
    (四)第3个界面(设置)用Form实现表单的提交,显示网络服务器上存储的JSON内容。

评分标准

1) 小程序界面内容与个人自选主题相关。(20分)
2) 导航按钮要有图标,且有高亮颜色区分。(20分)
3) 列表界面的内容(数组)要能够覆盖整个屏幕高度,实现动态加载加分。(20分)
4) 功能菜单界面至少要有3项,且点击之后能够跳转到其他页面。(20分)
5) 表单界面点击按钮之后应该弹出结果提示(20分)。

提交代码

git add 学号/final/*
git commit -m "#84 #你的Issue号 期末作业"
例如:git commit -m "#84 #100 期末作业:开发一个仿微信小程序"
git push

在网站上发送Pull Request。

提示

示例代码

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

(一定要改成自己题目的内容)

网络连接要先配置域名:

  1. raw.githubusercontent.com
  2. infoaas.com

网络内容:

https://infoaas.com/data/hzc.json

实验3:实现滚动界面 scroll-view

练习例子

12345678/comp/scoll.wxml

实验要求

  1. 在学号目录下,提交完成的滚动界面代码;
  2. 提交命令提示:
git add 学号/pages/comp/scroll.js
git add 学号/pages/comp/scroll.wxml
git add 学号/pages/comp/scroll.wxss
git commit -m "#71 第3次实验-实现滚动界面"
git push

最后在网站上发送Pull Request。

海底世界

第一个页面:鱼的种类
第二个页面:鱼的简介

实验1:开发一个简单网页

要求:

  1. 文件扩展名为: .html;
  2. 网页标题为:你的学号;
  3. 使用p, img, b, table, a中的 3 个标签;
  4. 文件放到学号文件夹下,例如:学号.html。

提交代码:

git add 学号文件夹/学号.html
git commit -m "#26 HTML开发实验代码"
git push

New pull request. 交作业,告诉老师。

参考

超链接:http://www.runoob.com/tags/tag-a.html
图片:http://www.runoob.com/tags/tag-img.html
表格: http://www.runoob.com/tags/tag-table.html

绝地求生游戏盒子

登录界面,登录成功进入主功能列表
主功能列表分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.