Merge remote-tracking branch 'origin/master'

ruoyi-ui/src/views/developCenter/a1.vue

@@ -0,0 +1,49 @@
+<template>
+  <div class="guide-title">1.1平台简介</div>
+  <div class="guide-body">
+    <div class="guide-desc-title">1.1.1背景</div>
+    <p>
+      大数据时代，政府数据开放已然成为社会发展的必然趋势，目前我国政府公开数据的渠道和方式尚未完善，政府的很多数据还没有被很好地充分开发利用，
+      数据缺乏流动、传递和扩散，导致企业和个人无法通过正规渠道获取所需的数据资源，同时政府内部，跨部门的数据共享也存在诸多问题。
+    </p>
+    <div class="guide-desc-title">1.1.2概述</div>
+    <p>
+      本项目旨在推进政府部门的数据共享，方便政府部门将自己的数据进行共享和管理，推动政府数据资源对社会的开放，提升政府与公众、企业的交互水平，
+      进一步为公众服务。本项目的目标是建立统一的政府数据开放平台，促进政府数据资源的共享和利用。依据资源所属的部门、行业、领域等，对资源进
+      行分类，方便用户快速找到自己所需的资源。
+    </p>
+  </div>
+</template>
+
+<script>
+import {defineComponent} from 'vue'
+
+export default defineComponent({
+  components: {},
+  setup() {
+    return {}
+  },
+})
+</script>
+<style scoped>
+.guide-title {
+  padding: 15px 0 0;
+  margin: 0 20px;
+  line-height: 35px;
+  font-size: 17px;
+  font-weight: 400;
+  font-style: normal;
+  border-bottom: 1px solid #cccccc;
+}
+
+.guide-body {
+  margin: 0 20px;
+}
+
+.guide-desc-title {
+  width: 100%;
+  margin: 15px 0 10px;
+  font-size: 15px;
+  font-weight: 700;
+}
+</style>

ruoyi-ui/src/views/developCenter/a2.vue

@@ -0,0 +1,54 @@
+<template>
+  <div class="guide-title">1.2平台价值</div>
+  <div class="guide-body">
+    <p>
+      本系统主要用于政府各个部门对可以开放的数据进行归集、整理、分类，对自建的系统接口提供API调用方案，对APP应用和定制开发的网页应用进行下载和公开
+      调用地址；实名用户可以下载数据集、调用API接口、下载或者嵌入应用。平台能够对数据、接口、应用三方面的数据开放情况进行统计和汇总。
+    </p>
+
+    <div class="guide-desc-title">1.2.1资源管理</div>
+    <p>
+      资源会被分为3个部分：数据、接口和应用。数据部分会提供数据的预览、接口、下载以及可视化功能。接口部分为用户提供了调用政府开放数据的接口，为了安全考虑，
+      接口需要用户申请并审核通过后才能调用。应用部分则会提供一些使用政府开放数据进行开发的应用，让用户下载。
+    </p>
+
+    <div class="guide-desc-title">1.2.2数据开放</div>
+    <p>
+      用户注册并实名后，可以在开发者中心创建自己的应用，应用创建成功后，会被分配一个AppSecret，用户在申请接口时需要选择自己所创建的应用，
+      根据应用的AppSecret来申请接口。当申请在后台被审核通过后，用户才能调用相应的接口。
+    </p>
+  </div>
+</template>
+
+<script>
+import {computed, defineComponent, onMounted, reactive, ref} from 'vue'
+
+export default defineComponent({
+  components: {},
+  setup() {
+    return {}
+  },
+})
+</script>
+<style scoped>
+.guide-title {
+  padding: 15px 0 0;
+  margin: 0 20px;
+  line-height: 35px;
+  font-size: 17px;
+  font-weight: 400;
+  font-style: normal;
+  border-bottom: 1px solid #cccccc;
+}
+
+.guide-body {
+  margin: 0 20px;
+}
+
+.guide-desc-title {
+  width: 100%;
+  margin: 15px 0 10px;
+  font-size: 15px;
+  font-weight: 700;
+}
+</style>

ruoyi-ui/src/views/developCenter/a3.vue

@@ -0,0 +1,47 @@
+<template>
+  <div class="guide-title" id="2.1">2.1注册开发者</div>
+  <div class="guide-body">
+    <p>
+      数据开放平台提供了用户的注册功能，
+      用户初次注册时，需要填写自己的真实姓名、身份证号、手机号码、电子邮箱、所属行业、职业等信息。
+    </p>
+
+    <div class="guide-desc-title" id="2.2">2.1.1开发者权限</div>
+    <p>
+      当用户注册并完成实名认证之后，就会拥有开发者权限，可以在开发者中心创建应用，执行申请调用接口等操作，平台的数据下载也只对注册用户开放。平台的部分功能需要用户完成实名认证之后才能使用，例如"接口申请"、"创建应用"等功能，都需要用户在完成实名制认证后，才能够使用。
+    </p>
+  </div>
+</template>
+
+<script>
+import {computed, defineComponent, onMounted, reactive, ref} from 'vue'
+
+export default defineComponent({
+  components: {},
+  setup() {
+    return {}
+  },
+})
+</script>
+<style scoped>
+.guide-title {
+  padding: 15px 0 0;
+  margin: 0 20px;
+  line-height: 35px;
+  font-size: 17px;
+  font-weight: 400;
+  font-style: normal;
+  border-bottom: 1px solid #cccccc;
+}
+
+.guide-body {
+  margin: 0 20px;
+}
+
+.guide-desc-title {
+  width: 100%;
+  margin: 15px 0 10px;
+  font-size: 15px;
+  font-weight: 700;
+}
+</style>

ruoyi-ui/src/views/developCenter/a4.vue

@@ -0,0 +1,57 @@
+<template>
+  <div class="guide-title">2.2创建应用</div>
+  <div class="guide-body">
+    <p>
+      服务中心的核心价值在于通过自身服务和第三方应用的互利互惠，提高用户对应用和平台的整体体验和粘度。
+      平台的开放化使得资源汇聚，让平台运营
+      方本身保持了自己的优势；开放平台也提供了全新的推广渠道、商业模式与海量客户源，
+      从而也为平台上的应用提供商带来了价值倍增的全新空间。
+    </p>
+
+    <div class="guide-desc-title" id="1.2.1">2.2.1资源共享与应用整合</div>
+    <p>成为开发者之后便可进入开发者控制台，点击【创建您的应用】按钮</p>
+
+    <div class="guide-desc-title" id="1.2.2">2.2.2.一体化应用，一站式服务</div>
+    <p>
+      成为开发者之后便可进入在开发者中心，点击【创建应用】按钮，创建自己的应用，系统会自动分配一个appSecret，后续用
+      户申请接口都需要用到这个appSecret。
+    </p>
+    <img :src="imgUrls[0]"/>
+  </div>
+</template>
+
+<script>
+import {computed, defineComponent, onMounted, reactive, ref} from 'vue'
+
+export default defineComponent({
+  setup() {
+    const imgUrls = reactive([
+      import.meta.env.VITE_APP_BASE_API + '/profile/upload/file/dc_221.png',
+    ])
+
+    return {imgUrls}
+  },
+})
+</script>
+<style scoped>
+.guide-title {
+  padding: 15px 0 0;
+  margin: 0 20px;
+  line-height: 35px;
+  font-size: 17px;
+  font-weight: 400;
+  font-style: normal;
+  border-bottom: 1px solid #cccccc;
+}
+
+.guide-body {
+  margin: 0 20px;
+}
+
+.guide-desc-title {
+  width: 100%;
+  margin: 15px 0 10px;
+  font-size: 15px;
+  font-weight: 700;
+}
+</style>

ruoyi-ui/src/views/developCenter/a5.vue

@@ -0,0 +1,63 @@
+<template>
+  <div class="guide-title">2.3接口申请</div>
+  <div class="guide-body">
+    <div class="guide-desc-title">2.3.1接口的申请</div>
+
+    <p>
+      （1）、接口申请必须是已实名的用户才能操作，若用户未实名可前往个人中心实名认证页面进行实名操作，已实名用户可在接口服务页面申请接口，
+      接口资源列表处点击需要申请的资源接口，如下图
+      2.3.1所示；也可在接口服务详细页面，点击接口申请，如下图
+      2.3.2所示，进行申请接口操作。
+    </p>
+    <img class="guide_pic" :src="imgUrls[0]"/>
+    <p style="text-align: center">(图 2.3.1)</p>
+    <img class="guide_pic" :src="imgUrls[1]"/>
+    <p style="text-align: center">(图 2.3.2)</p>
+    <div class="guide-desc-title">2.3.2申请界面</div>
+    <p>
+      （1）、用户申请接口时需要选择自己所创建的应用，根据应用的AppSecret来申请接口。如果页面提示没有相关应用，应先进入“我的应用”界面，新建应用。
+    </p>
+    <!-- <p>（2）、接口申请会由后台的管理员进行审核，审核通过后用户才能调用相应的接口</p> -->
+    <img class="guide_pic" style="height: 400px" :src="imgUrls[2]"/>
+    <p style="text-align: center; margin-bottom: 20px">(图 2.3.3)</p>
+  </div>
+</template>
+
+<script>
+import {computed, defineComponent, onMounted, reactive, ref} from 'vue'
+
+export default defineComponent({
+  components: {},
+  setup() {
+    const imgUrls = reactive([
+      import.meta.env.VITE_APP_BASE_API + '/profile/upload/file/dc_231.png',
+      import.meta.env.VITE_APP_BASE_API + '/profile/upload/file/dc_232.png',
+      import.meta.env.VITE_APP_BASE_API + '/profile/upload/file/dc_233.png',
+    ])
+
+    return {imgUrls}
+  },
+})
+</script>
+<style scoped>
+.guide-title {
+  padding: 15px 0 0;
+  margin: 0 20px;
+  line-height: 35px;
+  font-size: 17px;
+  font-weight: 400;
+  font-style: normal;
+  border-bottom: 1px solid #cccccc;
+}
+
+.guide-body {
+  margin: 0 20px;
+}
+
+.guide-desc-title {
+  width: 100%;
+  margin: 15px 0 10px;
+  font-size: 15px;
+  font-weight: 700;
+}
+</style>

ruoyi-ui/src/views/developCenter/a6.vue

@@ -0,0 +1,75 @@
+<template>
+  <div class="guide-title">2.4接口调用</div>
+  <div class="guide-body">
+    <!-- <p>服务中心的核心价值在于通过自身服务和第三方应用的互利互惠，提高用户对应用和平台的整体体验和粘度。
+				平台的开放化使得资源汇聚，让平台运营 方本身保持了自己的优势；开放平台也提供了全新的推广渠道、商业模式与海量客户源，
+				从而也为平台上的应用提供商带来了价值倍增的全新空间。</p> -->
+
+    <div class="guide-desc-title" id="1.2.1">2.4.1接口的调用</div>
+    <p>
+      （1）、进入我的申请查看接口状态，当显示接口已通过时，证明接口申请通过，可以点击资源名称进入
+      接口详细页面，查询总接口地址、分页接口地址等接口信息，如图2.4.1所示：
+    </p>
+    <p>
+      （2）、接口的详情页会提供接口的调用样例，如图2.4.2所示，调用接口时需要在样例前加上当前平台url地址，
+      并附上token，才能正确调用接口，返回对应的数据，同时平台为了安全，也会对接口的调用做一定的限制。
+    </p>
+    <p>
+      （3）、token获取，请求<br/>
+      {{
+        tokenUrl +
+        "?appId='应用ID'&secret='应用secret'"
+      }}
+      <br/>附上申请对应的appId，appSecret。获取token，默认有效期1天。
+    </p>
+    <img class="guide_pic" style="height: 130px" :src="imgUrls[0]"/>
+    <p style="text-align: center">(图 2.4.1)</p>
+    <img class="guide_pic" style="height: 450px" :src="imgUrls[1]"/>
+    <p style="text-align: center; margin-bottom: 20px">(图 2.4.2)</p>
+  </div>
+</template>
+
+<script>
+import {defineComponent, reactive, ref} from 'vue'
+
+export default defineComponent({
+  setup() {
+    const imgUrls = reactive([
+      import.meta.env.VITE_APP_BASE_API + '/profile/upload/file/dc_241.png',
+      import.meta.env.VITE_APP_BASE_API + '/profile/upload/file/dc_242.png',
+    ])
+    let tokenUrl = ref(window.location.origin + import.meta.env.VITE_APP_BASE_API + '/oauth/token')
+    // getTokenUrl().then((r) => {
+    //   tokenUrl.value = r
+    // })
+
+    return {imgUrls, tokenUrl}
+  },
+})
+</script>
+<style scoped>
+.guide-title {
+  padding: 15px 0 0;
+  margin: 0 20px;
+  line-height: 35px;
+  font-size: 17px;
+  font-weight: 400;
+  font-style: normal;
+  border-bottom: 1px solid #cccccc;
+}
+
+.guide-body {
+  margin: 0 20px;
+}
+
+.guide-body p {
+  line-height: 36px;
+}
+
+.guide-desc-title {
+  width: 100%;
+  margin: 15px 0 10px;
+  font-size: 15px;
+  font-weight: 700;
+}
+</style>

ruoyi-ui/src/views/developCenter/a7.vue

@@ -0,0 +1,44 @@
+<template>
+  <div class="guide-title">3.1应用接入</div>
+  <div class="guide-body">
+    <p>
+      平台有完整的应用接入流程，当用户申请成为开发者之后，可申请调用平台的接口或者使用平台中的数据开发自己的应用，当应用开发完成之后，
+      用户可以提交自己所开发的应用，管理员审核通过之后，应用就会在平台中上线，可以被其他用户查看、检索。
+    </p>
+
+    <div class="guide-desc-title" id="1.2.1">3.1.1应用的编辑与发布</div>
+  </div>
+</template>
+
+<script>
+import {computed, defineComponent, onMounted, reactive, ref} from 'vue'
+
+export default defineComponent({
+  components: {},
+  setup() {
+    return {}
+  },
+})
+</script>
+<style scoped>
+.guide-title {
+  padding: 15px 0 0;
+  margin: 0 20px;
+  line-height: 35px;
+  font-size: 17px;
+  font-weight: 400;
+  font-style: normal;
+  border-bottom: 1px solid #cccccc;
+}
+
+.guide-body {
+  margin: 0 20px;
+}
+
+.guide-desc-title {
+  width: 100%;
+  margin: 15px 0 10px;
+  font-size: 15px;
+  font-weight: 700;
+}
+</style>

ruoyi-ui/src/views/developCenter/a8.vue

@@ -0,0 +1,52 @@
+<template>
+  <div class="guide-title">3.2应用审核</div>
+  <div class="guide-body">
+    <p>
+      服务中心的核心价值在于通过自身服务和第三方应用的互利互惠，提高用户对应用和平台的整体体验和粘度。
+      平台的开放化使得资源汇聚，让平台运营
+      方本身保持了自己的优势；开放平台也提供了全新的推广渠道、商业模式与海量客户源，
+      从而也为平台上的应用提供商带来了价值倍增的全新空间。
+    </p>
+
+    <div class="guide-desc-title" id="1.2.1">3.2.1应用的审核</div>
+    <p>开放者开发完成应用后，提交等待平台管理员的审核</p>
+
+    <div class="guide-desc-title" id="1.2.2">3.2.2应用的发布</div>
+    <p>
+      当开发者开发的应用，审核通过之后，应用会被发布到当前平台，可供普通用户查看、使用。
+    </p>
+  </div>
+</template>
+
+<script>
+import {computed, defineComponent, onMounted, reactive, ref} from 'vue'
+
+export default defineComponent({
+  components: {},
+  setup() {
+    return {}
+  },
+})
+</script>
+<style scoped>
+.guide-title {
+  padding: 15px 0 0;
+  margin: 0 20px;
+  line-height: 35px;
+  font-size: 17px;
+  font-weight: 400;
+  font-style: normal;
+  border-bottom: 1px solid #cccccc;
+}
+
+.guide-body {
+  margin: 0 20px;
+}
+
+.guide-desc-title {
+  width: 100%;
+  margin: 15px 0 10px;
+  font-size: 15px;
+  font-weight: 700;
+}
+</style>