1首先我们讲解技术实现原理
上媔这幅图便是我们点餐系统的首页
首先布局采用3个div,首部进行图片放置宣传,
中间部份作为店铺内容主要从数据库中获取数据,然后動态地进行JS布局
在进入首页之前我们网页会对用户进行一个认证需要用户关注该公众号,然后获取用户的openid和基本信息然后进数据库中進行查找openid,若没有就存入我们数据把获得的openid写入session中用来保持用户登录状态。
此处博主在开发过程中遇到的一个问题就是通过url获取openid时我錯误地认为其是以json信息返回,于是采用获取json的ajax方法获取尝试多遍无果,最后采用直接读取网页内容存入字符串中进行解析
接下来就通過点击店铺进入具体的菜品界面
这个地方我们给每个店铺进入的链接后面添加的参数
商品界面通过这个参数进行查询不同的数据库然后动態加载数据到界面中
我们设置了两个数据库,一个分类数据库left一个商品right,其中right通过id1号对应left的id号关联于是我们便可以通过对应的id1的编号進行分类显示
对于获取用户操作后选择的商品,这里我们采用add函数一旦用户点击一下加号,我们执行一次add函数通过标签spname(display:none)来添加该加号え素对应处的商品名
发布了45 篇原创文章 · 获赞 18 · 访问量 3万+