上传文件至 'ruoyi-ui/src/views/developCenter'

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>