Commit 876b8820 by jscat

nyx: discover和map功能相关数据表

parent c85db24c
USE rockwell_key;
USE rockwell_key;
/*
用于area区域表
*/
CREATE TABLE IF NOT EXISTS `tbl_area` (
`id` INT(11) NOT NULL AUTO_INCREMENT,
`code` VARCHAR(40) DEFAULT '000000' COMMENT '邮政编码, 暂时不需要',
`province` VARCHAR(40) DEFAULT '0' COMMENT '省份名称',
`city` VARCHAR(40) NOT NULL COMMENT '城市名称',
`district` VARCHAR(40) NOT NULL COMMENT '区域名称',
`url` VARCHAR(200) DEFAULT '0' COMMENT '图片地址',
PRIMARY KEY (`id`)
) ENGINE=INNODB DEFAULT CHARSET=utf8 COMMENT '省市区表';
INSERT INTO `tbl_area`(`code`, `province`, `city`, `district`, `url`)
VALUES
('000000', '0', '上海市', '静安区', 'https://930-test-sh.oss-cn-shanghai.aliyuncs.com/nyx_map/sh-jingan.jpg'),
('000000', '0', '上海市', '黄浦区', 'https://930-test-sh.oss-cn-shanghai.aliyuncs.com/nyx_map/sh-huangpu.jpg'),
('000000', '0', '上海市', '徐汇区', 'https://930-test-sh.oss-cn-shanghai.aliyuncs.com/nyx_map/sh-xuhui.jpg'),
('000000', '0', '上海市', '陆家嘴', 'https://930-test-sh.oss-cn-shanghai.aliyuncs.com/nyx_map/sh-lujiazui.jpg'),
('000000', '0', '上海市', '世博', 'https://930-test-sh.oss-cn-shanghai.aliyuncs.com/nyx_map/sh-shibo.jpg')
;
\ No newline at end of file
USE rockwell_key;
USE rockwell_key;
/*
用于member商户表及基础信息
geo_code和(lat, lon)转换
http://geohash.org/wtw3rku028tr
*/
DROP TABLE IF EXISTS tbl_member;
CREATE TABLE `tbl_member` (
`id` VARCHAR(100) COMMENT '用户id',
`member_status` VARCHAR(100) DEFAULT '0' COMMENT '用户状态: 0: 未注册用户; 1: 已注册用户',
`member_name` VARCHAR(100) DEFAULT NULL COMMENT '名称',
`member_address` VARCHAR(100) DEFAULT NULL COMMENT '地址',
`lon` DOUBLE(9,6) DEFAULT NULL COMMENT 'longitude 经度',
`lat` DOUBLE(8,6) DEFAULT NULL COMMENT 'latitude 纬度',
`geo_code` CHAR(12) DEFAULT NULL COMMENT 'geohash编码',
`create_datetime` DATETIME NOT NULL DEFAULT '0000-00-00 00:00:00' COMMENT '创建时间',
`update_datetime` DATETIME DEFAULT NULL COMMENT '最近一次更新时间',
PRIMARY KEY (`id`),
KEY `query_key` (`id`,`member_status`, `geo_code`)
) ENGINE=INNODB DEFAULT CHARSET=utf8 COMMENT='商户表';
INSERT INTO `tbl_member`(`id`, `member_status`, `member_name`, `member_address`,
`lon`, `lat`, `geo_code`,
`create_datetime`,`update_datetime`)
VALUES
('mid_123', '0', 'Bar Renaissance', '愚园路610号', NULL, NULL, NULL, '2019-11-20 11:24:45', '2019-11-20 11:24:45'),
('mid_001', '0', 'CinCin Wine Cellar', '五原路610号', NULL, NULL, NULL, '2019-11-20 11:24:45', '2019-11-20 11:24:45'),
('mid_002', '0', 'Piupiu', '襄阳路610号', NULL, NULL, NULL, '2019-11-20 11:24:45', '2019-11-20 11:24:45'),
('mid_003', '0', 'Just Grape', '汾阳路610号', NULL, NULL, NULL, '2019-11-20 11:24:45', '2019-11-20 11:24:45')
;
\ No newline at end of file
USE rockwell_key;
USE rockwell_key;
/*
用于member表基于area的位置信息
*/
DROP TABLE IF EXISTS tbl_member_area;
CREATE TABLE `tbl_member_area` (
`id` VARCHAR(100) COMMENT '用户id',
`area_id` INT(11) NOT NULL COMMENT '基于地图来搜索member: mapId',
`pos_left` VARCHAR(100) DEFAULT NULL COMMENT '基于mapId来搜索member: member的初始坐标L',
`pos_top` VARCHAR(100) DEFAULT NULL COMMENT '基于mapId来搜索member: member的初始坐标T',
PRIMARY KEY (`id`),
KEY `query_key` (`area_id`)
) ENGINE=INNODB DEFAULT CHARSET=utf8 COMMENT='按照map进行位置索引的表';
INSERT INTO `tbl_member_area`(`id`, `area_id`, `pos_left`,`pos_top`)
VALUES
('mid_123', 1, '0', '0' ),
('mid_001', 1, '50', '100' ),
('mid_001', 3, '50', '100' )
;
\ No newline at end of file
USE rockwell_key;
USE rockwell_key;
/*
信息发布表tbl_post
*/
DROP TABLE IF EXISTS tbl_post;
CREATE TABLE tbl_post (
`post_id` VARCHAR(100) COMMENT '发布的id, uuid format, like pid_001',
`user_id` VARCHAR(100) COMMENT '用户的id, uuid format',
`tag` VARCHAR(200) DEFAULT NULL COMMENT '发布的标签,比如: 酒单;;活动;;心情;;饮事;;最热Gluh Wein',
`note_image` VARCHAR(800) DEFAULT NULL COMMENT '发布的图片; 以::做分割',
`title` VARCHAR(200) NOT NULL COMMENT '发布标题,比如:此生必去系列。',
`content` VARCHAR(1000) NOT NULL COMMENT '发布内容, wset, 1, wine, 2, Sake',
`num_like` VARCHAR(10) DEFAULT '0' COMMENT '点赞次数',
`create_datetime` DATETIME NOT NULL DEFAULT '0000-00-00 00:00:00',
`update_datetime` DATETIME DEFAULT NULL,
PRIMARY KEY(`post_id`),
KEY `query_key` (`user_id`,`tag`, `title`))
ENGINE=INNODB DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci COMMENT='rockwell 发布内容';
INSERT INTO `tbl_post`(`post_id`, `tag`, `title`, `num_like`, `note_image`, `content`, `user_id`, `create_datetime`,`update_datetime`)
VALUES
('pid_001', '复工,饮事', '便携香水加香一天', '10','https://img.xiaohongshu.com/items/c1a0056ba9ba17b30446a0e040dc9e30@800w_90Q_1x_2o.jpg::https://img.xiaohongshu.com/items/c1a0056ba9ba17b30446a0e040dc9e30@800w_90Q_1x_2o.jpg', '在欧洲国家中,目前意大利的新冠肺炎疫情形势最为严峻。截至当地时间21日18时,意大利累计确诊病例达到53578例,累计死亡病例达4825例。旅意侨胞和留学生如何保证安全?回国还是不回国?大使馆能提供哪些帮助?今天下午(北京时间3月22日17时),中国驻意大利大使李军华同旅意侨胞、留学生代表一起在线交流。', 'uid_5b443d4a-3575-452c-93f0-2df6569a4274', '2019-11-20 11:24:45', '2019-11-20 11:24:45'),
('pid_002', '酒单', '精酿五小杯', '10','https://img.xiaohongshu.com/items/c1a0056ba9ba17b30446a0e040dc9e30@800w_90Q_1x_2o.jpg', '最好的精酿五小杯','uid_bff21c9a-6e0e-4181-b5ab-baf32e27eeb3', '2019-11-20 11:24:45', '2019-11-20 11:24:45')
;
\ No newline at end of file
USE rockwell_key;
USE rockwell_key;
/*
area及其对应的商户数量
*/
DROP VIEW IF EXISTS view_area_total;
CREATE VIEW view_area_total
AS
SELECT aa.id, aa.code, aa.province, aa.city, aa.district, aa.url, COUNT(bb.id) AS num_bar
FROM tbl_area aa
LEFT JOIN tbl_member_area bb ON bb.area_id=aa.id
GROUP BY aa.id
\ No newline at end of file
USE rockwell_key;
USE rockwell_key;
/*
记录member在geocode或者area模式下的相关信息
*/
DROP VIEW IF EXISTS view_member_pos;
CREATE VIEW view_member_pos
AS
SELECT aa.id, aa.member_status, aa.member_name, aa.member_address,
aa.lon, aa.lat, aa.geo_code,
bb.area_id, bb.pos_left, bb.pos_top,
aa.create_datetime, aa.update_datetime
FROM tbl_member aa
LEFT JOIN tbl_member_area bb on aa.id=bb.id
USE rockwell_key;
USE rockwell_key;
/*
post表及对应的userinfo信息
*/
DROP VIEW IF EXISTS view_post_info;
CREATE VIEW view_post_info
AS
SELECT aa.post_id, bb.nickName, aa.tag, aa.title, aa.num_like, aa.note_image, aa.content, bb.avatarUrl ,aa.create_datetime, aa.update_datetime
FROM tbl_post aa
LEFT JOIN rockwell_user.tbl_userinfo bb ON aa.user_id=bb.userid
\ No newline at end of file
.page{
.page{
.page{
height:100%;
height:100%vh;
display:flex;
flex-direction:column;
box-sizing:border-box;
position:relative;
top:0;
left:0;
bottom:0;
right:0;
background-color:#f5f8fa;
}
......@@ -38,7 +32,7 @@
display: inline;
margin: 15rpx 22rpx;
text-align: center;
font-size: 14px;
font-size: 15px;
color: #9d9d9d;
}
.navBar-box .cate-list.on {
......@@ -46,31 +40,8 @@
font-weight: bold;
}
.notes{
height:2800rpx;
}
.category{
height: auto;
overflow: hidden;
}
.category-title{
height: auto;
line-height: 72rpx;
font-size: 35rpx;
text-align: center;
margin: 20rpx;
border-radius: 20px;
background: #ffffff;
}
.note{
width: 45%;
margin: 15rpx;
background: #fff;
border-radius: 5px;
float: left;
}
.note-info span{
font-size: 13px;
font-size: 17px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
......@@ -91,7 +62,7 @@
margin-left: 0px;
text-align: center;
line-height: 38px;
font-size: 12px;
font-size: 15px;
}
.writer image{
width: 30px;
......@@ -108,7 +79,52 @@
margin: auto;
}
.like span{
font-size: 12px;
font-size: 15px;
color: #9f9f9f;
margin: auto;
}
.list-block{
height:100%;
display:flex;
box-sizing:border-box;
flex-direction:column;
align-items:center;
justify-content:center;
}
.notes-block{
width: 46%;
height: 20%;
margin: 6px;
background: #fff;
border-radius: 5px;
position: relative;
float: left;
display: block;
}
/* 加载更多 */
.weui-loading {
margin: 0 5px;
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
-webkit-animation: weuiLoading 1s steps(12, end) infinite;
animation: weuiLoading 1s steps(12, end) infinite;
background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
background-size: 100%;
}
.weui-loadmore {
width: 65%;
margin: 1.5em auto;
line-height: 1.6em;
font-size: 14px;
text-align: center;
}
.weui-loadmore__tips {
display: inline-block;
vertical-align: middle;
}
// pages/index/note-info/note-info.js
// pages/index/note-info/note-info.js
......@@ -11,40 +11,19 @@ Page({
contentHeight: "",
scrollLeft: 0, //切换栏的滚动条位置
curIndex : 0,
toView: 'tag1',
proList : [
{
tag : "tag1",
selected: "",
proUrl: "https://www.youmeitu.com/Upload/20200122/1579681098726876.jpg",
proTitle: "1st-lalalal",
proDec : "best of best",
proPrice: "100",
},
{
tag: "tag2",
selected: "",
proUrl: "https://www.youmeitu.com/Upload/20200302/1583123627387901.jpg",
proTitle: "2nd-hhh",
proDec: "都要买",
proPrice: "100",
},
{
tag: "tag3",
selected: "",
proUrl: "https://www.youmeitu.com/Upload/20200122/1579680900787352.jpg",
proTitle: "3rd-哇咔咔",
proDec: "都要买",
proPrice: "100",
},
],
notes:
{
note_image: "https://img.xiaohongshu.com/items/c1a0056ba9ba17b30446a0e040dc9e30@800w_90Q_1x_2o.jpg",
note_image: [
"https://img.xiaohongshu.com/items/c1a0056ba9ba17b30446a0e040dc9e30@800w_90Q_1x_2o.jpg",
"https://www.youmeitu.com/Upload/20200122/1579681098726876.jpg",
"https://www.youmeitu.com/Upload/20200302/1583123627387901.jpg",
"https://www.youmeitu.com/Upload/20200122/1579680900787352.jpg",
],
title: "便携香水加香一天",
writer: "无敌花木兰",
writer_name: "无敌花木兰",
like: 10,
writer_image: "../../../icon/icon_avatar3.png"
writer_image: "../../../icon/icon_avatar3.png",
note_content: "在欧洲国家中,目前意大利的新冠肺炎疫情形势最为严峻。截至当地时间21日18时,意大利累计确诊病例达到53578例,累计死亡病例达4825例。旅意侨胞和留学生如何保证安全?回国还是不回国?大使馆能提供哪些帮助?今天下午(北京时间3月22日17时),中国驻意大利大使李军华同旅意侨胞、留学生代表一起在线交流。",
},
},
......@@ -125,13 +104,13 @@ Page({
getSelectItem: function (e) {
var that = this;
var preCurIndex = that.data.curIndex;
var itemWidth = e.detail.scrollWidth / that.data.proList.length;//每个商品的宽度
var itemWidth = e.detail.scrollWidth / that.data.notes.note_image.length;//每个商品的宽度
var scrollLeft = e.detail.scrollLeft;//滚动宽度
var curIndex = Math.round(scrollLeft / itemWidth);//通过Math.round方法对滚动大于一半的位置进行进位
var newScrollLeft = 0
// 目标: 始终让图片居中显示
if (curIndex != preCurIndex
|| (curIndex == that.data.proList.length - 1 && scrollLeft > that.data.windowWidth * (that.data.proList.length - 1))
|| (curIndex == that.data.notes.note_image.length - 1 && scrollLeft > that.data.windowWidth * (that.data.notes.note_image.length - 1))
)
{
newScrollLeft = that.data.windowWidth * curIndex
......@@ -145,13 +124,5 @@ Page({
console.log("scrollLeft: ", scrollLeft)
console.log("curIndex: ", curIndex)
console.log("newScrollLeft: ", newScrollLeft)
for (var i = 0, len = that.data.proList.length; i < len; ++i) {
that.data.proList[i].selected = false;
}
that.data.proList[curIndex].selected = true;
that.setData({
proList: that.data.proList,
giftNo: this.data.proList[curIndex].id,
});
},
})
\ No newline at end of file
<view class="page">
<view class="page">
......@@ -2,20 +2,20 @@
<!-- 作者信息 -->
<view class="note-handle">
<image class="writer-image" src="{{notes.writer_image}}"/>
<span class="name">{{notes.writer}}</span>
<span class="name">{{notes.writer_name}}</span>
</view>
<!-- 图片 -->
<scroll-view class="scroll-view_H" scroll-x scroll-with-animation style="width: 100%;height:{{contentHeight}}px" bindscroll="getSelectItem" scroll-left="{{scrollLeft}}">
<block wx:for="{{proList}}" wx:key="unique" wx:for-index="id" wx:for-item="item">
<block wx:for="{{notes.note_image}}" wx:key="unique" wx:for-index="id" wx:for-item="item">
<view class="scroll_item {{item.selected ? 'selected' : ''}}" data-index='{{item.index}}' bindtap='selectProItem'>
<image src="{{item.proUrl}}" mode="widthFix"/>
<image src="{{item}}" mode="widthFix"/>
</view>
</block>
</scroll-view>
<!-- 文字内容 -->
<view class="note">
<view class="note-info">
在欧洲国家中,目前意大利的新冠肺炎疫情形势最为严峻。截至当地时间21日18时,意大利累计确诊病例达到53578例,累计死亡病例达4825例。旅意侨胞和留学生如何保证安全?回国还是不回国?大使馆能提供哪些帮助?今天下午(北京时间3月22日17时),中国驻意大利大使李军华同旅意侨胞、留学生代表一起在线交流。
{{notes.note_content}}
</view>
</view>
</view>
.scroll-view_H{
.scroll-view_H{
......@@ -58,6 +58,7 @@
margin-left: 10%;
margin-right: 10%;
margin-top: 20rpx;
text-align:justify;
}
.note-handle{
display: flex;
......
var config = wx.getStorageSync("config");
var config = wx.getStorageSync("config");
......@@ -11,8 +11,7 @@ Page({
minScale: 0.5,
maxScale: 2.5,
doodleImageSrc: '',
//tempImageSrc: '../../icon/sakura.jpg',
tempImageSrc: 'https://930-test-sh.oss-cn-shanghai.aliyuncs.com/nyx_map/jingan.jpg',
tempImageSrc: 'https://930-test-sh.oss-cn-shanghai.aliyuncs.com/nyx_map/jingan.jpg',
originImageSrc: '../../icon/sakura.jpg',
imgWidth: 0,
imgHeight: 0,
......@@ -52,6 +51,7 @@ Page({
newTag : {},
//start - address selector
//refer https://github.com/parasol-wu/wxapp-area-picker
province: [],
city: ['上海'],
district: ['静安区'],
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论