+ + More instructions are available in
README.md.
+
+
+
+
+
+
diff --git a/sfj-managementfrontend/src/components/icons/IconCommunity.vue b/sfj-managementfrontend/src/components/icons/IconCommunity.vue
new file mode 100644
index 0000000..2dc8b05
--- /dev/null
+++ b/sfj-managementfrontend/src/components/icons/IconCommunity.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/sfj-managementfrontend/src/components/icons/IconDocumentation.vue b/sfj-managementfrontend/src/components/icons/IconDocumentation.vue
new file mode 100644
index 0000000..6d4791c
--- /dev/null
+++ b/sfj-managementfrontend/src/components/icons/IconDocumentation.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/sfj-managementfrontend/src/components/icons/IconEcosystem.vue b/sfj-managementfrontend/src/components/icons/IconEcosystem.vue
new file mode 100644
index 0000000..c3a4f07
--- /dev/null
+++ b/sfj-managementfrontend/src/components/icons/IconEcosystem.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/sfj-managementfrontend/src/components/icons/IconSupport.vue b/sfj-managementfrontend/src/components/icons/IconSupport.vue
new file mode 100644
index 0000000..7452834
--- /dev/null
+++ b/sfj-managementfrontend/src/components/icons/IconSupport.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/sfj-managementfrontend/src/components/icons/IconTooling.vue b/sfj-managementfrontend/src/components/icons/IconTooling.vue
new file mode 100644
index 0000000..660598d
--- /dev/null
+++ b/sfj-managementfrontend/src/components/icons/IconTooling.vue
@@ -0,0 +1,19 @@
+
+
+
+
diff --git a/sfj-managementfrontend/src/main.ts b/sfj-managementfrontend/src/main.ts
new file mode 100644
index 0000000..fb78a83
--- /dev/null
+++ b/sfj-managementfrontend/src/main.ts
@@ -0,0 +1,19 @@
+import './assets/main.css'
+
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+
+import App from './App.vue'
+import router from './router'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
+
+const app = createApp(App)
+const store = createPinia()
+store.use(piniaPluginPersistedstate)
+app.use(store)
+app.use(router)
+app.use(ElementPlus)
+app.mount('#app')
diff --git a/sfj-managementfrontend/src/request/api.ts b/sfj-managementfrontend/src/request/api.ts
new file mode 100644
index 0000000..6e3b13e
--- /dev/null
+++ b/sfj-managementfrontend/src/request/api.ts
@@ -0,0 +1,122 @@
+import { servicesVersion } from "typescript";
+import service from ".";
+import postservice from "./postindex";
+
+interface loginData{
+ username:string,
+ password:string
+}
+export function login(data:any){
+ return service({
+ url:"/api/auth/login",
+ method:"post",
+ data
+ })
+}
+export function logout(){
+ return service({
+ url:"/api/auth/logout",
+ method:"get",
+ })
+}
+export function authorize(){
+ return service({
+ url:"/api/user/me",
+ method:"get"
+ })
+}
+
+// 商品列表接口
+
+export function getAllAlgorithm(){
+ return service({
+ url:"/api/algorithm/findall",
+ method:"get"
+ })
+}
+
+export function getAllField(){
+ return service({
+ url:"/api/algorithm/findfield",
+ method:"get"
+ })
+}
+
+
+export function getAllUse(){
+ return service({
+ url:"/api/algorithm/finduse",
+ method:"get"
+ })
+}
+
+
+export function updatePostAlgorithm(data:any){
+ return postservice({
+ url:"/api/algorithm/updateAlgorithm",
+ method:"post",
+ data
+ })
+}
+
+
+export function addPostAlgorithm(data:any){
+ return postservice({
+ url:"/api/algorithm/addAlgorithm",
+ method:"post",
+ data
+ })
+}
+
+export function deleteAlgorithm(data:any){
+ return postservice({
+ url:"/api/algorithm/deleteAlgorithm",
+ method:"post",
+ data
+ })
+}
+
+export function updateField(data:any){
+ return postservice({
+ url:"api/field/updateField",
+ method:"post",
+ data
+ })
+}
+
+export function deleteField(data:any){
+ return postservice({
+ url:"api/field/deleteField",
+ method:"post",
+ data
+ })
+}
+
+export function addField(data:any){
+ return postservice({
+ url:"/api/field/addField",
+ method:"post",
+ data
+ })
+}
+export function addUse(data:any){
+ return postservice({
+ url:"/api/use/addUse",
+ method:"post",
+ data
+ })
+}
+export function deleteUse(data:any){
+ return postservice({
+ url:"/api/use/deleteUse",
+ method:"post",
+ data
+ })
+}
+export function updateUse(data:any){
+ return postservice({
+ url:"/api/use/updateUse",
+ method:"post",
+ data
+ })
+}
diff --git a/sfj-managementfrontend/src/request/index.ts b/sfj-managementfrontend/src/request/index.ts
new file mode 100644
index 0000000..309cf42
--- /dev/null
+++ b/sfj-managementfrontend/src/request/index.ts
@@ -0,0 +1,75 @@
+import axios from 'axios'
+
+
+import { ElMessage } from 'element-plus'
+import { da } from 'element-plus/es/locales.mjs'
+
+// const defaultError = ()=> ElMessage.error('发生了一些错误，请联系管理员')
+// const defaultFailure = (message:any,status:any) => ElMessage.warning(message)
+
+
+// export function post(url:any,data:any,success:any,failure = defaultFailure,error = defaultError){
+// axios.post(url,data,{
+// headers:{
+// 'Content-Type':'application/x-www-form-urlencoded'
+// },
+// withCredentials:true
+// }).then(({data})=>{
+// if(data.success)
+// success(data.message, data.status)
+// else
+// failure(data.message, data.status)
+// }).catch(error)
+// }
+// export function get(url:any,success:any,failure = defaultFailure,error = defaultError){
+// axios.post(url,{
+// withCredentials:true
+// }).then(({data})=>{
+// if(data.success)
+// success(data.message, data.status)
+// else
+// failure(data.message, data.status)
+// }).catch(error)
+// }
+
+// 创建axios实例
+const service = axios.create({
+ baseURL:"http://192.168.2.107:8080",
+ timeout:5000,
+ headers:{
+ 'Content-Type':'application/x-www-form-urlencoded;charset=utf-8'
+ // 'Content-Type':'application/json;charset=utf-8'
+ },
+ withCredentials:true
+
+})
+
+
+
+// 请求拦截
+service.interceptors.request.use((config)=>{
+ config.headers=config.headers || {}
+ if(localStorage.getItem('token')){
+ config.headers.token=localStorage.getItem('token') || ""
+ }
+ return config
+})
+
+
+// 相应拦截
+service.interceptors.response.use((res) => {
+
+ const status:number = res.data.status
+ if(status!=200){
+ // console.log("dddd");
+ // ElMessage.error(res.data.message)
+ // return Promise.reject(res.data)
+
+ }
+ return res
+},(err)=>{
+ // ElMessage.error(err);
+})
+
+
+export default service;
diff --git a/sfj-managementfrontend/src/request/postindex.ts b/sfj-managementfrontend/src/request/postindex.ts
new file mode 100644
index 0000000..db5bb87
--- /dev/null
+++ b/sfj-managementfrontend/src/request/postindex.ts
@@ -0,0 +1,38 @@
+import axios from 'axios'
+
+const postservice = axios.create({
+ baseURL:"http://192.168.2.107:8080",
+ timeout:5000,
+ headers:{
+ 'Content-Type':'application/json;charset=utf-8'
+ },
+ withCredentials:true
+
+})
+
+
+postservice.interceptors.request.use((config)=>{
+ config.headers=config.headers || {}
+ if(localStorage.getItem('token')){
+ config.headers.token=localStorage.getItem('token') || ""
+ }
+ return config
+})
+
+
+
+postservice.interceptors.response.use((res) => {
+
+ const status:number = res.data.status
+ if(status!=200){
+ // console.log("dddd");
+ // ElMessage.error(res.data.message)
+ // return Promise.reject(res.data)
+
+ }
+ return res
+},(err)=>{
+ // ElMessage.error(err);
+})
+
+export default postservice;
\ No newline at end of file
diff --git a/sfj-managementfrontend/src/router/index.ts b/sfj-managementfrontend/src/router/index.ts
new file mode 100644
index 0000000..5bbd3f9
--- /dev/null
+++ b/sfj-managementfrontend/src/router/index.ts
@@ -0,0 +1,82 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import HomeView from '../views/HomeView.vue'
+import { useStore } from "@/stores/counter";
+import { el } from 'element-plus/es/locales.mjs';
+// import { log } from 'console';
+// import { log } from 'console';
+
+const router = createRouter({
+ history: createWebHistory(import.meta.env.BASE_URL),
+ routes: [
+ {
+ path:'/login',
+ name:'login',
+ component: () => import('../views/LoginView.vue')
+ },
+ {
+ path:'/home',
+ name:'home',
+ component:() => import('../views/HomeView.vue'),
+ redirect:"/home/algorithem",
+ children:[
+ {
+ path:"algorithem",
+ name:"algorithem",
+ meta:{
+ isShow:true,
+ title:"算法管理"
+ },
+ component:()=> import('../views/AlgorithemView.vue')
+ },
+
+ {
+ path:"field",
+ name:"field",
+ meta:{
+ isShow:true,
+ title:"领域管理"
+ },
+ component:()=> import('../views/FieldView.vue')
+ },
+ {
+ path:"use",
+ name:"use",
+ meta:{
+ isShow:true,
+ title:"场景管理"
+ },
+ component:()=> import('../views/UseView.vue')
+ }
+ ]
+ },
+ {
+ path:"/",
+ redirect:"/login"
+ }
+
+
+
+ ]
+})
+router.beforeEach((to,from,next)=>{
+ const store = useStore();
+ const storeuser = store.auth.user
+ // console.log(store.auth.user);
+ // const username :string | null = sessionStorage.getItem("username")
+ if(!storeuser && to.path !== '/login'){
+ console.log(33);
+ console.log(store.auth.user);
+
+ // console.log("username")
+ // console.log(username);
+ next('/login')
+ }else if(storeuser != null && to.matched.length === 0) {
+ next('/home')
+ }else if(storeuser && to.path === '/login'){
+ next('/home')
+ }else{
+ next()
+ }
+
+})
+export default router
diff --git a/sfj-managementfrontend/src/stores/counter.ts b/sfj-managementfrontend/src/stores/counter.ts
new file mode 100644
index 0000000..bab995a
--- /dev/null
+++ b/sfj-managementfrontend/src/stores/counter.ts
@@ -0,0 +1,29 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+
+// export const useStore = defineStore('store', () => {
+// const auth = ref({
+// user:null
+
+
+// })
+
+
+// return {auth}
+
+
+
+// })
+export const useStore = defineStore('store', {
+ state: () => ({
+ auth: {
+ user: null
+ }
+ }),
+ actions: {
+ setUser(user:any) {
+ this.auth.user = user;
+ }
+ },
+ persist:true
+});
diff --git a/sfj-managementfrontend/src/type/algorithm.ts b/sfj-managementfrontend/src/type/algorithm.ts
new file mode 100644
index 0000000..5860b99
--- /dev/null
+++ b/sfj-managementfrontend/src/type/algorithm.ts
@@ -0,0 +1,94 @@
+// import { interceptors } from "node_modules/axios/index.cjs"
+
+export interface ALgorithmInt{
+ algorithm_id:number,
+ algorithm_name:string,
+ algorithm_description:string,
+ fieldStr:string,
+ userStr:string,
+ fieldList:FieldInt[],
+ useList:UseInt[],
+ algorithm_img:string,
+ algorithm_coder:string
+}
+interface selectDataInt{
+ name:string,
+ description:string,
+ page:number,//页码
+ count:number,//总条数
+ pagesize:number,//默认一页显示几条
+}
+interface activeint{
+ algorithm_id:number,
+ algorithm_name:string,
+ algorithm_description:string,
+ fieldStr:string,
+ userStr:string,
+ fieldList:FieldInt[],
+ useList:UseInt[],
+ algorithm_img:string,
+ algorithm_coder:string
+}
+interface addListInt {
+ algorithm_name:string,
+ algorithm_description:string,
+ fieldStr:string,
+ userStr:string,
+ fieldList:FieldInt[],
+ useList:UseInt[],
+ algorithm_img:string,
+ algorithm_coder:string
+}
+interface ListInt{
+ field_id:number,
+ field_name:string
+}
+interface useListInt{
+ usecase_id:number,
+ usecase_name:string
+}
+interface FieldInt {
+ fieldname:String
+}
+interface UseInt {
+ usename:string
+}
+export class InitData{
+ selectData:selectDataInt={
+ name:"",
+ description:"",
+ page:1,
+ count:0,
+ pagesize:10
+
+ }
+ list:ALgorithmInt[]=[]
+ isShow=false
+ isAddShow=false
+ //选中的的对象
+ active:activeint={
+ algorithm_id:0,
+ algorithm_name:"",
+ algorithm_description:"",
+ fieldStr:"",
+ userStr:"",
+ fieldList:[],
+ useList:[],
+ algorithm_img:"",
+ algorithm_coder:""
+ }
+ addList: addListInt = {
+ algorithm_name:"",
+ algorithm_description:"",
+ algorithm_img:"",
+ algorithm_coder:"",
+ fieldStr:"",
+ userStr:"",
+ fieldList:[],
+ useList:[],
+
+
+ }
+ fieldList:ListInt[]=[]
+ useList:useListInt[]=[]
+}
\ No newline at end of file
diff --git a/sfj-managementfrontend/src/type/fields.ts b/sfj-managementfrontend/src/type/fields.ts
new file mode 100644
index 0000000..fc5f87d
--- /dev/null
+++ b/sfj-managementfrontend/src/type/fields.ts
@@ -0,0 +1,41 @@
+export interface fieldsData {
+ field_id: string;
+ field_name: string;
+ algorithemFields:null;
+}
+interface selectDataInt{
+ name:string,
+ description:string,
+ page:number,//页码
+ count:number,//总条数
+ pagesize:number,//默认一页显示几条
+}
+
+interface Active{
+ field_id: string;
+ field_name: string;
+ algorithemFields:null;
+}
+
+export class InitData {
+ selectData:selectDataInt={
+ name:"",
+ description:"",
+ page:1,//页码
+ count:0,//总条数
+ pagesize:5,//默认一页显示几条
+ }
+ list:fieldsData[]=[]//展示的内容数据,接收从后台返回来的数据
+ isShow1 = false
+ isShow = false
+ active:Active={
+ field_id: '0',
+ field_name: '',
+ algorithemFields:null,
+ }
+ active1:Active={
+ field_id: '0',
+ field_name: '',
+ algorithemFields:null,
+ }
+}
\ No newline at end of file
diff --git a/sfj-managementfrontend/src/type/login.ts b/sfj-managementfrontend/src/type/login.ts
new file mode 100644
index 0000000..480b85c
--- /dev/null
+++ b/sfj-managementfrontend/src/type/login.ts
@@ -0,0 +1,12 @@
+export interface LoginFormInt{
+ username:string
+ password:string
+ }
+
+ export class LoginData{
+ ruleForm:LoginFormInt={
+ username:"",
+ password:""
+ }
+
+}
\ No newline at end of file
diff --git a/sfj-managementfrontend/src/type/use.ts b/sfj-managementfrontend/src/type/use.ts
new file mode 100644
index 0000000..caba0d4
--- /dev/null
+++ b/sfj-managementfrontend/src/type/use.ts
@@ -0,0 +1,42 @@
+export interface usecaseInt{
+ usecase_id:number,
+ usecase_name:string,
+
+}
+interface selectDataInt{
+ name:string,
+ page:number,//页码
+ count:number,//总条数
+ pagesize:number,//默认一页显示几条
+}
+interface activeint{
+ usecase_id:number,
+ usecase_name:string,
+
+}
+interface addListInt {
+ usecase_name:string,
+
+}
+
+
+export class InitData{
+ selectData:selectDataInt={
+ name:"",
+ page:1,
+ count:0,
+ pagesize:10
+
+ }
+ list:usecaseInt[]=[]
+ isShow=false
+ isAddShow=false
+ //选中的的对象
+ active:activeint={
+ usecase_id:0,
+ usecase_name:"",
+ }
+ addList: addListInt = {
+ usecase_name:"",
+ }
+}
\ No newline at end of file
diff --git a/sfj-managementfrontend/src/views/AboutView.vue b/sfj-managementfrontend/src/views/AboutView.vue
new file mode 100644
index 0000000..756ad2a
--- /dev/null
+++ b/sfj-managementfrontend/src/views/AboutView.vue
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/sfj-managementfrontend/src/views/AlgorithemView.vue b/sfj-managementfrontend/src/views/AlgorithemView.vue
new file mode 100644
index 0000000..d1b4220
--- /dev/null
+++ b/sfj-managementfrontend/src/views/AlgorithemView.vue
@@ -0,0 +1,557 @@
+
+ This is an about page
+
+
+
+
+
+
+
+
+
diff --git a/sfj-managementfrontend/src/views/FieldView.vue b/sfj-managementfrontend/src/views/FieldView.vue
new file mode 100644
index 0000000..f8f972e
--- /dev/null
+++ b/sfj-managementfrontend/src/views/FieldView.vue
@@ -0,0 +1,178 @@
+
+
+
+
+
+
+
+
+
+ 查询
+
+
+
+ 新增算法
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 编辑
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+ 算法ID: {{ props.row.algorithm_id }}
+算法名称: {{ props.row.algorithm_name }}
+ +算法详细描述
+{{ props.row.algorithm_description }}
+ + + + +
+
+
+
+
+ 上传算法图片
+上传算法图片
+
+
+
+
+ 编辑
+ 删除
+
+
+
+
+
+
+
+
+
+
+ 查询
+
+
+ 增加
+
+
+
+
+
+
+
+ 
退出登录
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/sfj-managementfrontend/src/views/LoginView.vue b/sfj-managementfrontend/src/views/LoginView.vue
new file mode 100644
index 0000000..b1d0ee4
--- /dev/null
+++ b/sfj-managementfrontend/src/views/LoginView.vue
@@ -0,0 +1,149 @@
+
+ 算法集后台管理系统
+
+
+
+
+
+
+ 登录
+ 重置
+
+
+
+
+
+
+
+
diff --git a/sfj-managementfrontend/src/views/UseView.vue b/sfj-managementfrontend/src/views/UseView.vue
new file mode 100644
index 0000000..c6c9c4e
--- /dev/null
+++ b/sfj-managementfrontend/src/views/UseView.vue
@@ -0,0 +1,290 @@
+
+ 算法集后台管理系统
+
+
+
+
+
+
+
diff --git a/sfj-managementfrontend/tsconfig.app.json b/sfj-managementfrontend/tsconfig.app.json
new file mode 100644
index 0000000..491e093
--- /dev/null
+++ b/sfj-managementfrontend/tsconfig.app.json
@@ -0,0 +1,13 @@
+{
+ "extends": "@vue/tsconfig/tsconfig.dom.json",
+ "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+ "exclude": ["src/**/__tests__/*"],
+ "compilerOptions": {
+ "composite": true,
+ "noEmit": true,
+ "baseUrl": ".",
+ "paths": {
+ "@/*": ["./src/*"]
+ }
+ }
+}
diff --git a/sfj-managementfrontend/tsconfig.json b/sfj-managementfrontend/tsconfig.json
new file mode 100644
index 0000000..66b5e57
--- /dev/null
+++ b/sfj-managementfrontend/tsconfig.json
@@ -0,0 +1,11 @@
+{
+ "files": [],
+ "references": [
+ {
+ "path": "./tsconfig.node.json"
+ },
+ {
+ "path": "./tsconfig.app.json"
+ }
+ ]
+}
diff --git a/sfj-managementfrontend/tsconfig.node.json b/sfj-managementfrontend/tsconfig.node.json
new file mode 100644
index 0000000..46cf2e1
--- /dev/null
+++ b/sfj-managementfrontend/tsconfig.node.json
@@ -0,0 +1,17 @@
+{
+ "extends": "@tsconfig/node18/tsconfig.json",
+ "include": [
+ "vite.config.*",
+ "vitest.config.*",
+ "cypress.config.*",
+ "nightwatch.conf.*",
+ "playwright.config.*"
+ ],
+ "compilerOptions": {
+ "composite": true,
+ "noEmit": true,
+ "module": "ESNext",
+ "moduleResolution": "Bundler",
+ "types": ["node"]
+ }
+}
diff --git a/sfj-managementfrontend/vite.config.ts b/sfj-managementfrontend/vite.config.ts
new file mode 100644
index 0000000..e5c6c96
--- /dev/null
+++ b/sfj-managementfrontend/vite.config.ts
@@ -0,0 +1,23 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ plugins: [
+ vue(),
+ ],
+ server:{
+ port: 5175,
+ host:'0.0.0.0'
+ },
+ resolve: {
+ alias: {
+ '@': fileURLToPath(new URL('./src', import.meta.url))
+ }
+ },
+ optimizeDeps: {
+ include: ['element-plus']
+ }
+})
diff --git a/sfj-vue3/.gitignore b/sfj-vue3/.gitignore
new file mode 100644
index 0000000..8ee54e8
--- /dev/null
+++ b/sfj-vue3/.gitignore
@@ -0,0 +1,30 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+*.tsbuildinfo
diff --git a/sfj-vue3/.vscode/extensions.json b/sfj-vue3/.vscode/extensions.json
new file mode 100644
index 0000000..c0a6e5a
--- /dev/null
+++ b/sfj-vue3/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+ "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
+}
diff --git a/sfj-vue3/Dockerfile b/sfj-vue3/Dockerfile
new file mode 100644
index 0000000..0445cf9
--- /dev/null
+++ b/sfj-vue3/Dockerfile
@@ -0,0 +1,20 @@
+# 基于Node.js的Alpine Linux作为基础镜像
+FROM node:alpine
+
+# 设置工作目录
+WORKDIR /app
+
+# 复制package.json和package-lock.json到容器内
+COPY package*.json ./
+
+# 运行npm install命令来安装依赖包
+RUN npm ci --only=production
+
+# 复制src目录及其他需要的文件到容器内
+COPY . .
+
+# 打开80端口
+EXPOSE 80
+
+# 定义入口点
+CMD ["npm", "run", "serve"]
\ No newline at end of file
diff --git a/sfj-vue3/README.md b/sfj-vue3/README.md
new file mode 100644
index 0000000..160e579
--- /dev/null
+++ b/sfj-vue3/README.md
@@ -0,0 +1,40 @@
+# vue_project3
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+
+## Type Support for `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
+
+If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
+
+1. Disable the built-in TypeScript Extension
+ 1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette
+ 2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
+2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vitejs.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Type-Check, Compile and Minify for Production
+
+```sh
+npm run build
+```
diff --git a/sfj-vue3/env.d.ts b/sfj-vue3/env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/sfj-vue3/env.d.ts
@@ -0,0 +1 @@
+///
+
+
+
+
+
+ 查询
+
+
+
+ 新增场景
+
+
+
+
+
+
+
+
+
+
+ 编辑
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 场景ID: {{ props.row.usecase_id }}
+场景名称: {{ props.row.usecase_name }}
+ + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/sfj-vue3/src/api/data.ts b/sfj-vue3/src/api/data.ts
new file mode 100644
index 0000000..0e94ab4
--- /dev/null
+++ b/sfj-vue3/src/api/data.ts
@@ -0,0 +1,103 @@
+//定义一个接口用于限制第二页面的数据
+export interface data {
+ id: number;
+ url: string;
+ title: string;
+ data1:string;
+ data2:string;
+ data3:string;
+}
+
+import anquanmao from '../assets/image/anquanmao.jpg'
+import banyi from '../assets/image/banyi.jpg'
+import duanxiu from '../assets/image/duanxiu.jpg'
+import facesb from '../assets/image/facesb.png'
+import fall from '../assets/image/fall.jpg'
+import fanguangyi from '../assets/image/fanguangyi.jpg'
+import fight from '../assets/image/fight.jpg'
+import mask from '../assets/image/mask.jpg'
+import sleep from '../assets/image/sleep.jpg'
+import smoke from '../assets/image/smoke.jpg'
+import tuogang from '../assets/image/tuogang.jpg'
+import yanwu from '../assets/image/yanwu.jpg'
+import zhuapai from '../assets/image/zhuapai.jpg'
+import yiliu from '../assets/image/yiliu.jpg'
+import weiting from '../assets/image/weiting.jpg'
+import zhandao from '../assets/image/zhandao.jpg'
+import redlight from '../assets/image/redlight.jpg'
+import helmet from '../assets/image/helmet.jpg'
+import chepai from '../assets/image/chepai.jpg'
+import trafficbz from '../assets/image/trafficbz.jpg'
+import pilao from '../assets/image/pilao.jpg'
+import yongdu from '../assets/image/yongdu.jpg'
+import chedaoxian from '../assets/image/chedaoxian.jpg'
+import gongfu from '../assets/image/gongfu.jpg'
+import gaokongpw from '../assets/image/gaokongpw.jpg'
+import miehuoqi from '../assets/image/miehuoqi.jpg'
+import fire from '../assets/image/fire.jpg'
+import bike from '../assets/image/e-bike.jpg'
+import climb from '../assets/image/climb.jpg'
+import playphone from '../assets/image/playphone.jpg'
+import gather from '../assets/image/gather.jpg'
+import keliu from '../assets/image/keliu.jpg'
+import midu from '../assets/image/midu.jpg'
+import paihuai from '../assets/image/paihuai.jpg'
+import phone from '../assets/image/phone.jpg'
+
+let data_list:Array = [
+ {id:1,url:anquanmao,title:'安全帽识别',data1:'建筑地产',data2:'建筑地产',data3:'建筑地产'},
+ {id:2,url:banyi,title:'物品搬移',data1:'建筑地产',data2:'智慧银行',data3:'建筑地产'},
+ {id:3,url:duanxiu,title:'短袖短裤识别',data1:'建筑地产',data2:'建筑地产',data3:'建筑地产'},
+ {id:4,url:facesb,title:'人脸识别',data1:'建筑地产',data2:'智慧园区',data3:'智慧银行'},
+ {id:5,url:fall,title:'摔倒检测',data1:'建筑地产',data2:'建筑地产',data3:'建筑地产'},
+ {id:6,url:fanguangyi,title:'反光衣识别',data1:'建筑地产',data2:'建筑地产',data3:'建筑地产'},
+ {id:7,url:fight,title:'打架识别',data1:'建筑地产',data2:'建筑地产',data3:'建筑地产'},
+ {id:8,url:mask,title:'戴口罩识别',data1:'建筑地产',data2:'建筑地产',data3:'建筑地产'},
+ {id:9,url:sleep,title:'睡岗识别',data1:'建筑地产',data2:'智慧园区',data3:'建筑地产'},
+ {id:10,url:smoke,title:'抽烟识别',data1:'建筑地产',data2:'智慧园区',data3:'智慧银行'},
+ {id:11,url:tuogang,title:'脱岗检测',data1:'建筑地产',data2:'智慧交通',data3:'智慧银行'},
+ {id:12,url:yanwu,title:'烟雾识别',data1:'建筑地产',data2:'智慧园区',data3:'智慧零售'},
+ {id:13,url:zhuapai,title:'人脸抓拍',data1:'建筑地产',data2:'智慧园区',data3:'智慧银行'},
+ {id:14,url:yiliu,title:'物品遗留',data1:'建筑地产',data2:'智慧银行',data3:'建筑地产'},
+ {id:15,url:weiting,title:'车辆违停识别',data1:'智慧交通',data2:'智慧交通',data3:'智慧交通'},
+ {id:16,url:zhandao,title:'机动车占道识别',data1:'智慧交通',data2:'智慧交通',data3:'智慧交通'},
+ {id:17,url:redlight,title:'行人闯红灯识别',data1:'智慧交通',data2:'智慧交通',data3:'智慧交通'},
+ {id:18,url:helmet,title:'电动车头盔识别',data1:'智慧交通',data2:'智慧交通',data3:'智慧交通'},
+ {id:19,url:chepai,title:'车牌识别',data1:'智慧交通',data2:'智慧交通',data3:'智慧交通'},
+ {id:20,url:mask,title:'流量和方向异常检测',data1:'智慧交通',data2:'智慧交通',data3:'智慧交通'},
+ {id:21,url:redlight,title:'交通灯识别',data1:'智慧交通',data2:'智慧交通',data3:'智慧交通'},
+ {id:22,url:trafficbz,title:'交通标志识别',data1:'智慧交通',data2:'智慧交通',data3:'智慧交通'},
+ {id:23,url:pilao,title:'人员疲劳检测',data1:'智慧交通',data2:'智慧交通',data3:'智慧交通'},
+ {id:24,url:yongdu,title:'交通拥堵识别',data1:'智慧交通',data2:'智慧交通',data3:'智慧交通'},
+ {id:25,url:chedaoxian,title:'车道线',data1:'智慧交通',data2:'智慧交通',data3:'智慧交通'},
+ {id:26,url:tuogang,title:'离岗识别',data1:'建筑地产',data2:'智慧交通',data3:'智慧银行'},
+ {id:27,url:gongfu,title:'工服识别',data1:'智慧园区',data2:'智慧园区',data3:'智慧园区'},
+ {id:28,url:gaokongpw,title:'高空抛物识别',data1:'智慧园区',data2:'智慧园区',data3:'智慧园区'},
+ {id:29,url:fire,title:'火焰识别',data1:'智慧园区',data2:'智慧零售',data3:'智慧银行'},
+ {id:30,url:bike,title:'电梯间电动车识别',data1:'智慧园区',data2:'智慧园区',data3:'智慧园区'},
+ {id:31,url:climb,title:'攀爬识别',data1:'智慧园区',data2:'智慧园区',data3:'智慧园区'},
+ {id:32,url:playphone,title:'玩手机检测',data1:'智慧园区',data2:'智慧园区',data3:'智慧园区'},
+ {id:33,url:smoke,title:'入侵检测',data1:'智慧园区',data2:'智慧零售',data3:'智慧园区'},
+ {id:34,url:gather,title:'聚集发散检测',data1:'智慧园区',data2:'智慧园区',data3:'智慧园区'},
+ {id:35,url:miehuoqi,title:'灭火器识别',data1:'智慧园区',data2:'智慧园区',data3:'智慧园区'},
+ {id:36,url:gather,title:'聚众检测',data1:'智慧园区',data2:'智慧园区',data3:'智慧园区'},
+ {id:37,url:keliu,title:'客流特征识别',data1:'智慧零售',data2:'智慧零售',data3:'智慧零售'},
+ {id:38,url:midu,title:'客流密度统计',data1:'智慧零售',data2:'智慧零售',data3:'智慧零售'},
+ {id:39,url:keliu,title:'客流统计',data1:'智慧零售',data2:'智慧零售',data3:'智慧零售'},
+ {id:40,url:facesb,title:'人员热力图',data1:'智慧零售',data2:'智慧零售',data3:'智慧零售'},
+ {id:41,url:fall,title:'跌倒检测',data1:'智慧银行',data2:'智慧银行',data3:'智慧银行'},
+ {id:42,url:fight,title:'打架、剧烈运动',data1:'智慧银行',data2:'智慧银行',data3:'智慧银行'},
+ {id:43,url:fight,title:'人员尾随识别',data1:'智慧银行',data2:'智慧银行',data3:'智慧银行'},
+ {id:44,url:mask,title:'间距异常',data1:'智慧银行',data2:'智慧银行',data3:'智慧银行'},
+ {id:45,url:sleep,title:'堵截识别',data1:'智慧银行',data2:'智慧银行',data3:'智慧银行'},
+ {id:46,url:smoke,title:'区域入侵、离开',data1:'智慧银行',data2:'智慧银行',data3:'智慧银行'},
+ {id:47,url:keliu,title:'人数统计',data1:'智慧银行',data2:'智慧银行',data3:'智慧银行'},
+ {id:48,url:gather,title:'区域人数统计',data1:'智慧银行',data2:'智慧银行',data3:'智慧银行'},
+ {id:49,url:gather,title:'人员聚集',data1:'智慧零售',data2:'智慧零售',data3:'智慧零售'},
+ {id:50,url:gather,title:'多人侦测',data1:'智慧零售',data2:'智慧零售',data3:'智慧零售'},
+ {id:51,url:paihuai,title:'徘徊检测',data1:'智慧零售',data2:'智慧零售',data3:'智慧零售'},
+ {id:52,url:phone,title:'打电话检测',data1:'智慧零售',data2:'智慧零售',data3:'智慧零售'},
+ {id:53,url:fall,title:'表情识别',data1:'智慧银行',data2:'智慧银行',data3:'智慧银行'},
+]
+
+export {data_list}
\ No newline at end of file
diff --git a/sfj-vue3/src/api/interface.ts b/sfj-vue3/src/api/interface.ts
new file mode 100644
index 0000000..d877f1d
--- /dev/null
+++ b/sfj-vue3/src/api/interface.ts
@@ -0,0 +1,47 @@
+//算法类选择
+export interface Item {
+ name: string;
+ url: string;
+ selected: boolean;
+}
+
+//数据库获得数据
+export interface alList {
+ algorithmFields: string
+ algorithmUserCases: string
+ algorithm_description: string
+ algorithm_id: number
+ algorithm_name: string
+ fieldList:fieldList[]
+ fieldStr: string
+ useList:useList[]
+ userStr: string
+ length: number
+}
+
+interface alMes {
+ algorithm_name:string,
+ fieldList:fieldList[],
+ page:number,
+ pagesize:number,
+ count:number
+}
+
+interface fieldList{
+ fieldname:string
+}
+
+interface useList {
+ usename: string
+}
+
+export class MyClass{
+ select:alMes={
+ algorithm_name:'',
+ fieldList:[],
+ page:1,
+ pagesize:12,
+ count:0
+ }
+ list:alList[]=[]
+}
\ No newline at end of file
diff --git a/sfj-vue3/src/api/uesr.ts b/sfj-vue3/src/api/uesr.ts
new file mode 100644
index 0000000..66c07f3
--- /dev/null
+++ b/sfj-vue3/src/api/uesr.ts
@@ -0,0 +1,43 @@
+import { servicesVersion } from "typescript";
+import service from "@/utils/axios";
+
+//登录接口
+interface loginData{
+ username:string,
+ password:string
+}
+export function login(data:any){
+ return service({
+ url:"/api/auth/login",
+ method:"post",
+ data
+ })
+}
+export function logout(){
+ return service({
+ url:"/api/auth/logout",
+ method:"get",
+ })
+}
+export function authorize(){
+ return service({
+ url:"/api/user/me",
+ method:"get"
+ })
+}
+
+export function getAlgorithemList(){
+
+ return service({
+ url:"",
+ method:"get"
+ })
+}
+//查询所有信息接口
+export function getAllAlgorithm(){
+ return service({
+ url:"/api/algorithm/findall",
+ method:"get"
+ })
+}
+
diff --git a/sfj-vue3/src/assets/1-1.png b/sfj-vue3/src/assets/1-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..7837d48cd7ba0b69ab5eca81be5b7aed06f5580e
GIT binary patch
literal 7575
zcmV;I9cbc-P)