Coder Social home page Coder Social logo

wwzzmm / secondhand-goods-on-campus Goto Github PK

View Code? Open in Web Editor NEW

This project forked from zhuyuzhu/secondhand-goods-on-campus

0.0 0.0 0.0 1.18 MB

校园二手交易微信小程序,二手交易平台,校园二手书,校园二手物品交易

JavaScript 100.00%

secondhand-goods-on-campus's Introduction

校园二手交易微信小程序

校园二手交易微信小程序实现的功能:定位大学,当地天气,轮播图,推荐列表,购物车,发布功能,订单,身份验证等。 以下对每一项进行了简单的阐述,“详情”则是对每一项内容具体的描述。

首页

首页实现了一些简单的功能,而且界面的设计也不是美观,设计的比较粗糙,后续会完善的功能是:用户下滑加载更多的内容,内容也会更加丰富。

首页

定位

定位功能调用的是百度的接口,本来是想腾讯地图的,但是自己在使用的过程中,出现了一些错误(后续会完善腾讯地图的使用),导致调用接口失败了,然后才用的百度地图web端的api,而且官方给了代码实例,我们稍作修改即可使用。 定位详情 定位

天气

天气功能调用的是百度的接口,在百度地图官网给的代码实例里面除了位置功能,还有当地天气的数据,可以直接拿来使用。天气详情

天气

轮播图

轮播图直接用微信小程序的组件,<swiper>设置轮播图属性——> <block>循环遍历每一项——> <swiper-item>轮播每一项——> <image>每一项的图片。详情

轮播效果图

下面是代码截图:

轮播图wxml

轮播图js

搜索框

首页的所搜框用的是一张图片,当然这样的搜索框,微信小程序是有组件的, 微信小程序的icon组件 搜索框图片

滚动条

我采用引入模板的方式,将这个功能写好后,引入到首页,同样用的<swiper>标签。详情

校园头条

下面是代码截图:

校园头条wxml

四个分类功能

分类功能实现的也比较简单,没有什么技术性的东西,或许wxss样式对你有所帮助。

四个分类

今日推荐

今日推荐功能使用了微信小程序的scroll-view,要注意的是,推荐好书和推荐好物在同一个页面,那么当点击“更多”的时候,要跳转到相应内容上。

今日推荐

购物车

购物车的实现也较为简单,将用户id和商品id传给后端,后端才能把对应的数据给前端。详情

购物车

发布

发布功能,注意一点,必填的内容都填了“发布”按钮才可以点击

发布功能

订单

订单功能,请求数据,展示数据,没什么难度

订单管理

我的

样式,每一项后面有的" > "是如何实现的呢? 通过伪元素,transform: matrix()实现>的效果。

样式

代码

个人信息

身份验证

因为需要学校的学生身份才可以使用小程序的功能,这里给出一个测试的账号和密码

账号:20151621029 密码:666666

身份验证

校园兼职

用户可以通过小程序,发布兼职信息,发布的兼职信息会在“首页——校园兼职”中,可以在兼职列表中查看兼职的详情

身份验证

当点击“家教老师”这则兼职的时候,会跳转到相应的详情页面

身份验证

商品详细

身份验证

预约购买

身份验证

secondhand-goods-on-campus's People

Contributors

zhuyuzhu avatar

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.