房角石开发日志

李维强-15级

写在开发之前：
该项目美工已经出图，需求模型已经完全定好，移动端内含有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级

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

谭见文  APP端
周智维  APP端


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

李维强-15级

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


上拉加载更多插件
jq22iscroll_V4.2.5144201702062041.zip (45.6 KB, 下载次数: 1)

2021-6-18 07:17 上传

点击文件名下载附件

jq22refresher2497120150730.zip (15.05 KB, 下载次数: 0)

2021-6-23 20:24 上传

点击文件名下载附件

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


API   首页导航栏菜单

1. 
   
2. http://localhost:42010/apis/allNavs
   
3. 
   
4. [
   
5.   {
   
6.     "id": 6,
   
7.     "img_url": "/upload/file/20170324/6362597590794421782727400.png",
   
8.     "active_img_url": "/upload/file/20170324/6362597591416504402394660.png",
   
9.     "name": "头条",
   
10.     "sort": 0
    
11.   },
    
12.   {
    
13.     "id": 1,
    
14.     "img_url": "/upload/file/20170324/6362597593616743095606870.png",
    
15.     "active_img_url": "/upload/file/20170324/6362597594917452471368630.png",
    
16.     "name": "视频",
    
17.     "sort": 1
    
18.   },
    
19.   {
    
20.     "id": 7,
    
21.     "img_url": "/upload/file/20170324/6362597576426796945192321.png",
    
22.     "active_img_url": "/upload/file/20170324/6362597576968209551502803.png",
    
23.     "name": "专栏",
    
24.     "sort": 2
    
25.   },
    
26.   {
    
27.     "id": 3,
    
28.     "img_url": "/upload/file/20170324/6362597596549125234285983.png",
    
29.     "active_img_url": "/upload/file/20170324/6362597597113296388594931.png",
    
30.     "name": "识货",
    
31.     "sort": 3
    
32.   },
    
33.   {
    
34.     "id": 4,
    
35.     "img_url": "/upload/file/20170324/6362597598466936552256513.png",
    
36.     "active_img_url": "/upload/file/20170324/6362597599013334103552903.png",
    
37.     "name": "业界",
    
38.     "sort": 4
    
39.   },
    
40.   {
    
41.     "id": 8,
    
42.     "img_url": "/upload/file/20210110/6374588694768624209061098.png",
    
43.     "active_img_url": "/upload/file/20210110/6374588695795966432025577.png",
    
44.     "name": "VIP",
    
45.     "sort": 5
    
46.   }
    
47. ]
    
48. 
    

复制代码

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

李维强-15级

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

返回示例

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

复制代码

李维强-15级

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

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

复制代码

李维强-15级

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

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

1. 
   
2. [
   
3.   {
   
4.     "id": 30,
   
5.     "name": "这款讲台",
   
6.     "sort": 0,
   
7.     "path": null,
   
8.     "activePath": null
   
9.   },
   
10.   {
    
11.     "id": 23,
    
12.     "name": "其他课程",
    
13.     "sort": 0,
    
14.     "path": null,
    
15.     "activePath": null
    
16.   }
    
17. ]
    

复制代码

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

1. 
   
2. [
   
3.   {
   
4.     "id": 10544,
   
5.     "imgurl": "/upload/file/20210630/6376066619350846663632284.mark.jpg",
   
6.     "title": "这款讲台第150集：斜视的诊断与治疗（二）",
   
7.     "subtitle": null,
   
8.     "read_number": 11703,
   
9.     "publish_time": "2021.06.30 16:10",
   
10.     "Style": 1
    
11.   },
    
12.   {
    
13.     "id": 10509,
    
14.     "imgurl": "/upload/file/20210623/6376005632003958675132321.jpg",
    
15.     "title": "这款讲台第149集：斜视的诊断与治疗（一）",
    
16.     "subtitle": null,
    
17.     "read_number": 16971,
    
18.     "publish_time": "2021.06.23 14:45",
    
19.     "Style": 1
    
20.   },
    
21.   {
    
22.     "id": 10480,
    
23.     "imgurl": "/upload/file/20210616/6375945268574836759279036.mark.jpg",
    
24.     "title": "这款讲台第148集：斜视的专科检查（二）",
    
25.     "subtitle": null,
    
26.     "read_number": 10190,
    
27.     "publish_time": "2021.06.16 15:06",
    
28.     "Style": 1
    
29.   },
    
30.   {
    
31.     "id": 10458,
    
32.     "imgurl": "/upload/file/20210609/6375884546155522858626908.mark.jpg",
    
33.     "title": "这款讲台第147集：斜视的专科检查（一）",
    
34.     "subtitle": null,
    
35.     "read_number": 13619,
    
36.     "publish_time": "2021.06.16 15:06",
    
37.     "Style": 1
    
38.   },
    
39.   {
    
40.     "id": 10423,
    
41.     "imgurl": "/upload/file/20210602/6375825780855960049274740.mark.jpg",
    
42.     "title": "这款讲台第146集：斜视的基本检查",
    
43.     "subtitle": null,
    
44.     "read_number": 11571,
    
45.     "publish_time": "2021.06.16 15:06",
    
46.     "Style": 1
    
47.   }
    
48. ]
    

复制代码