说明：1、主页每日一句模块粗略完成

ruoyi-ui/src/api/index.js

@@ -0,0 +1,13 @@
+//首页 api
+
+import request from '@/utils/request'
+
+
+// 查询英语单词列表
+export function getApiAWord(query) {
+  return request({
+    url: '/openapi/aword/',
+    method: 'get',
+    params: query
+  })
+}

ruoyi-ui/src/api/login.js

@@ -1,61 +1,61 @@
-import request from '@/utils/request'
+import request from '@/utils/request'
-
+
-// 登录方法
+// 登录方法
-export function login(username, password, code, uuid) {
+export function login(username, password, code, uuid) {
-  return request({
+  return request({
-    url: '/auth/login',
+    url: '/auth/login',
-    headers: {
+    headers: {
-      isToken: false
+      isToken: false
-    },
+    },
-    method: 'post',
+    method: 'post',
-    data: { username, password, code, uuid }
+    data: { username, password, code, uuid }
-  })
+  })
-}
+}
-
+
-// 注册方法
+// 注册方法
-export function register(data) {
+export function register(data) {
-  return request({
+  return request({
-    url: '/auth/register',
+    url: '/auth/register',
-    headers: {
+    headers: {
-      isToken: false
+      isToken: false
-    },
+    },
-    method: 'post',
+    method: 'post',
-    data: data
+    data: data
-  })
+  })
-}
+}
-
+
-// 刷新方法
+// 刷新方法
-export function refreshToken() {
+export function refreshToken() {
-  return request({
+  return request({
-    url: '/auth/refresh',
+    url: '/auth/refresh',
-    method: 'post'
+    method: 'post'
-  })
+  })
-}
+}
-
+
-// 获取用户详细信息
+// 获取用户详细信息
-export function getInfo() {
+export function getInfo() {
-  return request({
+  return request({
-    url: '/system/user/getInfo',
+    url: '/system/user/getInfo',
-    method: 'get'
+    method: 'get'
-  })
+  })
-}
+}
-
+
-// 退出方法
+// 退出方法
-export function logout() {
+export function logout() {
-  return request({
+  return request({
-    url: '/auth/logout',
+    url: '/auth/logout',
-    method: 'delete'
+    method: 'delete'
-  })
+  })
-}
+}
-
+
-// 获取验证码
+// 获取验证码
-export function getCodeImg() {
+export function getCodeImg() {
-  return request({
+  return request({
-    url: '/code',
+    url: '/code',
-    headers: {
+    headers: {
-      isToken: false
+      isToken: false
-    },
+    },
-    method: 'get',
+    method: 'get',
-    timeout: 20000
+    timeout: 20000
-  })
+  })
-}
+}

ruoyi-ui/src/views/index.vue

@@ -1,25 +1,137 @@
 <template>
   <div>
-<!--todo 首页统计    -->
+
+    <el-row :gutter="20">
+      <el-col :span="12">
+        <div class="grid-content bg-purple">
+          <!--每日一句-->
+          <div class="box-card">
+            <div class="aWordImage">
+              <img :src=apiAWord.imgurl class="aWordImage">
+            </div>
+            <div class="aWordAudio">
+              <audio :src=apiAWord.tts controls="controls">
+                您的浏览器不支持 audio 标签。
+              </audio>
+            </div>
+            <div class="aWordContent">
+              <span>{{ apiAWord.content }}</span>
+            </div>
+            <div class="aWordNote">
+              <span>{{ apiAWord.note }}</span>
+            </div>
+          </div>
+        </div>
+      </el-col>
+
+      <!--todo 天气预报    -->
+      <el-col :span="12">
+        <div class="grid-content bg-purple">
+
+        </div>
+      </el-col>
+    </el-row>
+
+    <el-row :gutter="20">
+    </el-row>
   </div>
 </template>
 
 <script>
+
+import {getApiAWord} from "@/api/index";
+
 export default {
   name: "Index",
   data() {
     return {
+      //响应数据
+      apiAWord: {},
 
+      //apiAWord请求参数
+      apiAWordParams: {
+        rand: 1
+      }
     };
   },
-  methods: {
 
+  created() {
+    this.getApiAWord();
+  },
+
+  methods: {
+    //随机获取一条每日一句
+    getApiAWord() {
+      getApiAWord(this.apiAWordParams).then(res => {
+        this.apiAWord = res.data
+      })
+    },
   },
+
 };
 </script>
 
 <style scoped lang="scss">
 
+.bg-purple {
+  background: #d3dce6;
+}
+
+.grid-content {
+  border-radius: 4px;
+  min-height: 36px;
+  height: 141px;
+}
+
+.box-card {
+  width: 744px;
+  background-color: #f2f2f2;
+  height: 141px;
+}
+
+.box-card div {
+  float: left;
+}
+
+
+.aWordImage {
+  float: left;
+  width: 108px;
+  height: 141px;
+}
+
+.aWordAudio {
+  float: left;
+  height: 141px;
+  width: 300px;
+  /*flex 布局*/
+  display: flex;
+  /*实现垂直居中*/
+  align-items: center;
+  /*实现水平居中*/
+  justify-content: center;
+}
+
+.aWordContent {
+  float: left;
+  width: 168px;
+  height: 141px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  overflow:hidden;
+}
+
+.aWordNote {
+  width: 168px;
+  height: 141px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  float: left;
+  overflow:hidden;
+}
 
 </style>
 

ruoyi-ui/src/views/login.vue

@@ -62,7 +62,7 @@
 </template>
 
 <script>
-import { getCodeImg } from "@/api/login";
+import { getCodeImg,getRegisterOff } from "@/api/login";
 import Cookies from "js-cookie";
 import { encrypt, decrypt } from '@/utils/jsencrypt'
 
@@ -91,7 +91,7 @@ export default {
       // 验证码开关
       captchaOnOff: true,
       // 注册开关
-      register: false,
+      register: true,
       redirect: undefined
     };
   },