房角石开发日志

李维强-15级 发表于 2019-2-24 17:29:23

写在开发之前：
该项目美工已经出图，需求模型已经完全定好，移动端内含有25个不同的页面，总体上分为5大功能。在以下地址查看https://xu8m89.axshare.com（加VPN翻墙可获得更好的浏览速度）

该项目现为第4期，可以在各大应用商城搜索“房角石”下载往期的APP。项目的总体情况为一个移动端（包括安卓和IOS），一个PC端（用于控制APP的内容）。由于人员和资金上的不足，顾本次开发招聘电子学院的同学来完成该项目，那么本人则作为引导者，确定项目的技术路线，帮助项目成员了解完成此项目需要的知识路线。

移动端：
采用APICLOUD作为编译工具，完成APP的开发，利用混合开发编译出安卓和IOS的软件包，关于APICLOUD，官方有非常详细的教程，地址如下：https://docs.apicloud.com/APICloud/junior-develop-guide。在这里需要提到，完成本次项目需要用到模块名字包含"wx,photoBrowser,mam,ajpush,qq"。
本次项目采用jQuery Mobile框架作为移动端主体框架（虽然很落后，但是足够本次项目的要求。若成员能力适当，可换做VUE框架）。

PC端：
采用WINDOWS服务器，SERVER 2012+SQL SERVER 2008+.net 4.5。后台采用asp.net MVC5作为网站程序，后台用户界面采用layui 2.0框架开发，为移动端所有内容都提供相应的控制界面。网站程序需要与微信服务号结合，用于支付与红包功能。

基础知识：
移动端和PC端都有共同的开发知识，在项目之初，可以参照我的教程http://www.cqutlab.cn/thread-466-1-1.html（包含之后的3个帖子）开始学习基础知识，主要包含HTML+CSS+JS。这3门语言是基础。
移动端：需要学习APICLOUD应用，jQuery，jQuery Mobile，ajax，H5关于浏览器缓存、cookies等基础概念。
PC端：需要学习C#语言，MVC开发模式（点击此处获取微软官方教程），sql server数据库使用（百度一下教程一大堆），另外还需要知道线程的使用和HttpClient的使用。
代码托管：PC端需要学习利用码云作为代码托管，移动端可利用APICLOUD自带的git或SVN作为代码托管。

李维强-15级 发表于 2019-2-25 22:43:37

本帖最后由李维强-15级于 2021-3-30 01:30 编辑

人员安排：
彭会红PC端网站

谭见文APP端
周智维APP端

https://www.yunedit.com/xueyuan/jx/1016

李维强-15级 发表于 2021-3-30 01:31:07

本帖最后由李维强-15级于 2021-6-26 19:12 编辑

https://www.yunedit.com/xueyuan/jx/1016

上拉加载更多插件

滑动轮播
https://3.swiper.com.cn/
文档 5.4.5 https://www.swiper.com.cn/api/properties/136.html

API 首页导航栏菜单

http://localhost:42010/apis/allNavs

[
{
"id": 6,
"img_url": "/upload/file/20170324/6362597590794421782727400.png",
"active_img_url": "/upload/file/20170324/6362597591416504402394660.png",
"name": "头条",
"sort": 0
},
{
"id": 1,
"img_url": "/upload/file/20170324/6362597593616743095606870.png",
"active_img_url": "/upload/file/20170324/6362597594917452471368630.png",
"name": "视频",
"sort": 1
},
{
"id": 7,
"img_url": "/upload/file/20170324/6362597576426796945192321.png",
"active_img_url": "/upload/file/20170324/6362597576968209551502803.png",
"name": "专栏",
"sort": 2
},
{
"id": 3,
"img_url": "/upload/file/20170324/6362597596549125234285983.png",
"active_img_url": "/upload/file/20170324/6362597597113296388594931.png",
"name": "识货",
"sort": 3
},
{
"id": 4,
"img_url": "/upload/file/20170324/6362597598466936552256513.png",
"active_img_url": "/upload/file/20170324/6362597599013334103552903.png",
"name": "业界",
"sort": 4
},
{
"id": 8,
"img_url": "/upload/file/20210110/6374588694768624209061098.png",
"active_img_url": "/upload/file/20210110/6374588695795966432025577.png",
"name": "VIP",
"sort": 5
}
]

顶部轮播图片接口 http://localhost:42010/apis/navAd?navId=6其中navId对应http://localhost:42010/apis/allNavs中的ID例如这里的navId=6 就是表示头条

李维强-15级 发表于 2021-6-26 19:12:37

头条版面获取文章列表接口 /apis/headLineList?page=1&classifyId=0 classifyId固定传0

返回示例

[
{
"id": 10525,
"title": "邀请函 | 中国眼健康产业商业模式创新论坛",
"subtitle": null,
"img_url": "/upload/file/20210625/6376022863574423944928106.jpg",
"scale": 0,
"read_number": 20600,
"publish_time": "2021.06.25 14:37",
"is_industry": false
},
{
"id": 10524,
"title": " 梅医生的视光课堂43：高度散光可以戴隐形眼镜来获得清晰的视力吗？",
"subtitle": null,
"img_url": "/upload/file/20210625/6376022857468175816215463.mark.jpg",
"scale": 0,
"read_number": 18498,
"publish_time": "2021.06.25 14:35",
"is_industry": false
},
{
"id": 10523,
"title": "眼镜业新闻坊 | “同分享·共繁荣” 2021厦门温州两地眼镜业交流会圆满结束；中国眼镜协会理事长杜同和带队赴天津职业大学调研指导工作；喜报|江苏斯丹德检验认证有限公司获省级项目支持；云南省德宏市开展眼镜制配场所计量专项检查；JINS睛姿JINS×niko and…合作款，超人气新品眼镜；TCL在MWC 2021上发布NXTWEAR G智能眼镜",
"subtitle": "“同分享·共繁荣” 2021厦门温州两地眼镜业交流会圆满结束；中国眼镜协会理事长杜同和带队赴天津职业大学调研指导工作；喜报|江苏斯丹德检验认证有限公司获省级项目支持；云南省德宏市开展眼镜制配场所计量专项检查；JINS睛姿JINS×niko and…合作款，超人气新品眼镜；TCL在MWC 2021上发布NXTWEAR G智能眼镜",
"img_url": "/upload/file/20210625/6376023375939756557059234.jpg",
"scale": 0,
"read_number": 16444,
"publish_time": "2021.06.25 14:35",
"is_industry": true
},
{
"id": 10522,
"title": "眼视光新闻坊 | 【通知】Vision China 2021投稿截止时间调整；陕西省眼科疾病临床医学研究中心协同网络中心授牌仪式举办 46家单位加入；首都医科大学眼科专家空降昆明培训200多名视光师；西安市中心医院眼科联合临潼区教育局推进儿童青少年视觉健康电子档案建设；临沂市妇幼保健协会眼科专业委员会成立大会暨第一届眼科专业委员会学术交流会议召开；2021年长三角城市眼科群浙江联盟土默特左旗光明行动启动仪式在旗人民医院举行",
"subtitle": "【通知】Vision China 2021投稿截止时间调整；陕西省眼科疾病临床医学研究中心协同网络中心授牌仪式举办 46家单位加入；首都医科大学眼科专家空降昆明培训200多名视光师；西安市中心医院眼科联合临潼区教育局推进儿童青少年视觉健康电子档案建设；临沂市妇幼保健协会眼科专业委员会成立大会暨第一届眼科专业委员会学术交流会议召开；2021年长三角城市眼科群浙江联盟土默特左旗光明行动启动仪式在旗人民医院举行",
"img_url": "/upload/file/20210625/6376023479566320553374936.jpg",
"scale": 0,
"read_number": 14068,
"publish_time": "2021.06.25 14:35",
"is_industry": true
},
{
"id": 10521,
"title": "YEIN | 匠人之心，手作之美，这才是魅影！",
"subtitle": null,
"img_url": "/upload/file/20210625/6376022123595901482474159.jpg",
"scale": 0,
"read_number": 14973,
"publish_time": "2021.06.25 12:33",
"is_industry": false
},
{
"id": 10520,
"title": "乘风破浪赋能共赢丨2021“优立讲堂--大连站”培训会圆满成功",
"subtitle": null,
"img_url": "/upload/file/20210625/6376022098453323469518062.jpg",
"scale": 0,
"read_number": 12339,
"publish_time": "2021.06.25 12:29",
"is_industry": false
}
]

李维强-15级 发表于 2021-6-30 06:03:57

detail页面接口拉取文章接口 /apis/article?articleId=111&personId=333 两个参数必传第二个personId可乱填

{
"id": 111,
"author": null,
"title": "厦门眼科中心获评“全国医院后勤管理创新先进单位”",
"subtitle": "“2015年度全国医院后勤管理创新先进单位”评选结果近日揭晓，厦门大学附属厦门眼科中心成为厦门唯一一家获此荣誉的医院。据......",
"content": "“2015年度全国医院后勤管理创新先进单位”评选结果近日揭晓，厦门大学附属厦门眼科中心成为厦门唯一一家获此荣誉的医院。据悉，福建省只有两家医院榜上有名。 <img src='/uploadfile/image/20160715/6360419095868109497427526.gif' title='00300025795_26a4e1ca副本.gif' alt='00300025795_26a4e1ca副本.gif'/><p style='margin-top: 0px; margin-bottom: 0px; text-align: justify; font-size: 10.5px; line-height: normal; font-family: Times; -webkit-text-stroke-color: rgb(0, 0, 0); -webkit-text-stroke-width: initial; min-height: 13px;'> <p style='margin-top: 0px; margin-bottom: 0px; text-align: justify; font-size: 10.5px; line-height: normal; font-family: Times; -webkit-text-stroke-color: rgb(0, 0, 0); -webkit-text-stroke-width: initial;'>“2015年度全国医院后勤管理创新先进单位”是在国家卫生计生委医疗管理服务指导中心、国家卫计委医院管理研究所的支持组织下，由全国卫生产业企业管理协会与健康报社联合主办，旨在积极配合医药卫生体制改革，进一步调动医院后勤改革与发展的积极性，推进全国医院后勤建设的全面提升和发展。<p style='margin-top: 0px; margin-bottom: 0px; text-align: justify; font-size: 10.5px; line-height: normal; font-family: Times; -webkit-text-stroke-color: rgb(0, 0, 0); -webkit-text-stroke-width: initial; min-height: 13px;'> <p style='margin-top: 0px; margin-bottom: 0px; text-align: justify; font-size: 10.5px; line-height: normal; font-family: Times; -webkit-text-stroke-color: rgb(0, 0, 0); -webkit-text-stroke-width: initial;'>据厦门大学附属厦门眼科中心相关负责人介绍，为了方面患者就诊，该中心细分病种、精细化设置了8大学科，包括白内障、视光、眼表、小儿眼科、眼底、青光眼、眼外伤、眼整形等。在此基础上，开创科室精细化发展模式，先后开设了干眼门诊、青少年儿童眼健康专科门诊，并计划开设近视矫正门诊、斜视咨询门诊及低视力康复门诊等，努力做到分科更细、更专，诊疗技术更精准、更规范。<p style='margin-top: 0px; margin-bottom: 0px; text-align: justify; font-size: 10.5px; line-height: normal; font-family: Times; -webkit-text-stroke-color: rgb(0, 0, 0); -webkit-text-stroke-width: initial;'> <p style='margin-top: 0px; margin-bottom: 0px; text-align: justify; font-size: 10.5px; line-height: normal; font-family: Times; -webkit-text-stroke-color: rgb(0, 0, 0); -webkit-text-stroke-width: initial;'><img src='/uploadfile/image/20160715/6360419097323021134916936.gif' title='00300025797_bc6807e4副本.gif' alt='00300025797_bc6807e4副本.gif'/><p style='margin-top: 0px; margin-bottom: 0px; text-align: justify; font-size: 10.5px; line-height: normal; font-family: Times; -webkit-text-stroke-color: rgb(0, 0, 0); -webkit-text-stroke-width: initial; min-height: 13px;'> <p style='margin-top: 0px; margin-bottom: 0px; text-align: justify; font-size: 10.5px; line-height: normal; font-family: Times; -webkit-text-stroke-color: rgb(0, 0, 0); -webkit-text-stroke-width: initial;'>此外，该中心还积极推动“互联网+”医疗改革，聘请国内知名团队打造了“眼科通”平台，特邀全国知名眼科专家线上坐诊，患者可以线上咨询、线上看报告单、线上预约检查，省时省力。（来源：环球网）编辑：Leon",
"like_number": 0,
"read_number": 409,
"publish_time": "2016/07/15 14:41",
"update_time": "2017/06/01 12:01",
"is_collected": false,
"can_collected": true
}

李维强-15级 发表于 2021-7-6 05:32:31

本帖最后由李维强-15级于 2021-7-6 06:33 编辑

获取VIP页面的文章内容 classifyId=0表示拉取所有分类
http://localhost:42010//apis/CCOAList?page=2&classifyId=0

获取分类，即页面内的专栏和VIP的分类传当前navID即可
http://localhost:42010//apis/classifyList?navId=8

[
{
"id": 30,
"name": "这款讲台",
"sort": 0,
"path": null,
"activePath": null
},
{
"id": 23,
"name": "其他课程",
"sort": 0,
"path": null,
"activePath": null
}
]

VIP二级页面
http://localhost:42010//apis/CCOASecList?page=1&size=6&ccoaid=31

[
{
"id": 10544,
"imgurl": "/upload/file/20210630/6376066619350846663632284.mark.jpg",
"title": "这款讲台第150集：斜视的诊断与治疗（二）",
"subtitle": null,
"read_number": 11703,
"publish_time": "2021.06.30 16:10",
"Style": 1
},
{
"id": 10509,
"imgurl": "/upload/file/20210623/6376005632003958675132321.jpg",
"title": "这款讲台第149集：斜视的诊断与治疗（一）",
"subtitle": null,
"read_number": 16971,
"publish_time": "2021.06.23 14:45",
"Style": 1
},
{
"id": 10480,
"imgurl": "/upload/file/20210616/6375945268574836759279036.mark.jpg",
"title": "这款讲台第148集：斜视的专科检查（二）",
"subtitle": null,
"read_number": 10190,
"publish_time": "2021.06.16 15:06",
"Style": 1
},
{
"id": 10458,
"imgurl": "/upload/file/20210609/6375884546155522858626908.mark.jpg",
"title": "这款讲台第147集：斜视的专科检查（一）",
"subtitle": null,
"read_number": 13619,
"publish_time": "2021.06.16 15:06",
"Style": 1
},
{
"id": 10423,
"imgurl": "/upload/file/20210602/6375825780855960049274740.mark.jpg",
"title": "这款讲台第146集：斜视的基本检查",
"subtitle": null,
"read_number": 11571,
"publish_time": "2021.06.16 15:06",
"Style": 1
}
]

页: [1]

重工电子论坛's Archiver

房角石开发日志