diff --git a/.gitignore b/.gitignore
index 47f68937f91f9e33818df42a4042ab4541587fc8..ad178b5a19df2437187e010b6c7ef369e9262359 100644
--- a/.gitignore
+++ b/.gitignore
@@ -11,6 +11,9 @@ bin-release/
 .idea/
 ./node_modules/
 
+project.json
+__pycache__
+
 # Executables
 *.swf
 *.air
diff --git a/Front/.gitignore b/Front/.gitignore
index 135000e3492a686fdeb7fa8e82d36730726135b4..bd223d34c0ea0edb98d1886a31b3a9d7747f1445 100644
--- a/Front/.gitignore
+++ b/Front/.gitignore
@@ -28,3 +28,5 @@ coverage
 *.njsproj
 *.sln
 *.sw?
+
+pnpm-lock.yaml
\ No newline at end of file
diff --git a/Front/src/components/FilePanel.vue b/Front/src/components/FilePanel.vue
new file mode 100644
index 0000000000000000000000000000000000000000..dd34196c4af5fda69294dae2d56c93f0ba5b4d9a
--- /dev/null
+++ b/Front/src/components/FilePanel.vue
@@ -0,0 +1,217 @@
+<template>
+  <a-modal v-model:visible="visible" width="auto" footer="false">
+    <template #title>文件管理</template>
+    <div id="modal-content">
+      <a-list>
+        <a-list-item v-for="item in fileList" :key="item.id">
+          <a-list-item-meta>
+            <template #title>
+              <a-tooltip :content="item.path">
+                <span>{{ item.name }}</span>
+              </a-tooltip>
+            </template>
+            <template #description>
+              <span style="color: var(--color-text-3)">创建时间: {{ item.time }}</span>
+            </template>
+          </a-list-item-meta>
+          <template #actions>
+            <a-button type="text" @click="openFile(item.path, item.name)">打开文件</a-button>
+            <a-button type="text" @click="deleteFile(item.path)">删除文件</a-button>
+          </template>
+        </a-list-item>
+      </a-list>
+    </div>
+    <template #footer>
+      <span style="color: var(--color-text-4)">Copyright 2025 Coconut Studio</span>
+    </template>
+  </a-modal>
+
+  <a-modal v-model:visible="createFileModalVisible" title="新建文件" footer="false">
+    <a-space direction="vertical" size="large">
+      <a-input v-model="newFileName" :style="{width:'320px'}" placeholder="请输入文件名" allow-clear>
+        <template #suffix>
+          <span>.boxy</span>
+        </template>
+      </a-input>
+      <a-button type="primary" @click="createNewFile">新建文件</a-button>
+    </a-space>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import Blockly from 'blockly'
+import { useStore } from '../store/store'
+import { Notification } from '@arco-design/web-vue';
+
+const visible = ref(false)
+const createFileModalVisible = ref(false)
+const newFileName = ref('')
+const fileList = ref([])
+const store = useStore()
+
+// 获取文件列表数据
+async function fetchFileList() {
+  try {
+    const response = await fetch('/api/file_list')
+    if (response.ok) {
+      const data = await response.json()
+      fileList.value = data.map((item, index) => ({
+        id: index + 1,
+        name: item.name,
+        path: item.path,
+        time: item.time
+      }))
+    } else {
+      console.error('Failed to fetch file list:', response.status)
+      Notification.error({
+        title: '获取失败',
+        content: response.status
+      })
+    }
+  } catch (error) {
+    console.error('Error fetching file list:', error)
+    Notification.error({
+      title: '获取失败',
+      content: error
+    })
+  }
+}
+
+// 在组件挂载时获取文件列表
+onMounted(fetchFileList)
+onMounted(initializeFile)
+
+async function initializeFile() {
+  // 读取localStorage中的当前文件路径，并打开文件
+  const currentFilePath = localStorage.getItem('currentFilePath')
+  if (!currentFilePath) {
+    // 如果没有找到当前文件路径，弹出新建文件模态框
+    createFileModalVisible.value = true
+  } else {
+    const currentFileName = localStorage.getItem('currentFileName')
+    openFile(currentFilePath, currentFileName)
+  }
+}
+
+function handleFilePanelClick() {
+  visible.value = true
+  fetchFileList()
+}
+
+async function openFile(path = '', name = '') {
+  console.log(`Opening file at path: ${path}`)
+  localStorage.setItem('currentFilePath', path)
+  localStorage.setItem('currentFileName', name)
+  document.cookie = `currentFilePath=${path};path=/`
+
+  try {
+    const response = await fetch('/api/get_file', {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+
+    if (response.ok) {
+      const data = await response.json()
+      const fileContentBase64 = data.file_content
+      const fileContent = atob(fileContentBase64)
+      const json = JSON.parse(fileContent)
+      Blockly.serialization.workspaces.load(json, store.workspaceSvg)
+      visible.value = false
+    } else {
+      console.error('Failed to fetch file content:', response.status)
+      Notification.error({
+        title: '读取失败',
+        content: '文件读取失败！'
+      })
+    }
+  } catch (error) {
+    console.error('Error fetching file content:', error)
+    Notification.error({
+      title: '读取失败',
+      content: error
+    })
+  }
+}
+
+function deleteFile(path) {
+  console.log(`Deleting file at path: ${path}`)
+  // 在这里添加删除文件的逻辑
+}
+
+async function createNewFile() {
+  const fileName = `${newFileName.value}.boxy`
+
+  try {
+    // 请求 /api/get_absolute_path 获取文件的绝对路径
+    const response = await fetch(`/api/get_absolute_path?name=${fileName}`, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+
+    if (response.ok) {
+      const data = await response.json()
+      const absolutePath = data.absolute_path
+
+      // 将绝对路径存储到 localStorage
+      localStorage.setItem('currentFilePath', absolutePath)
+      localStorage.setItem('currentFileName', fileName)
+
+      // 调用 /api/save_file 保存文件
+      const saveData = {
+        path: absolutePath,
+        content: btoa(JSON.stringify({})), // 空的 Blockly 工作区的 Base64 编码
+        code: '' // 空的代码
+      }
+
+      const saveResponse = await fetch('/api/save_file', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(saveData)
+      })
+
+      if (saveResponse.ok) {
+        Notification.success({
+          title: '新建成功',
+          content: '文件新建成功！'
+        })
+        createFileModalVisible.value = false
+        newFileName.value = '' // 清空输入框
+        fetchFileList() // 刷新文件列表
+      } else {
+        console.error('Failed to save file:', saveResponse.status)
+        Notification.error({
+          title: '新建失败',
+          content: '文件保存失败！'
+        })
+      }
+    } else {
+      console.error('Failed to get absolute path:', response.status)
+      Notification.error({
+        title: '新建失败',
+        content: '获取文件绝对路径失败！'
+      })
+    }
+  } catch (error) {
+    console.error('Error creating file:', error)
+    Notification.error({
+      title: '新建失败',
+      content: error
+    })
+  }
+}
+
+defineExpose({ handleFilePanelClick, openFile })
+</script>
+
+<style>
+#modal-content {
+  -webkit-tap-highlight-color: transparent;
+}
+</style>
\ No newline at end of file
diff --git a/Front/src/components/Navigator.vue b/Front/src/components/Navigator.vue
index adc9a9eb3c53e5a5e8074853419fc46664311811..fab77fb996f7765bc5c7b79ab3a3445cd4b1df4c 100644
--- a/Front/src/components/Navigator.vue
+++ b/Front/src/components/Navigator.vue
@@ -6,9 +6,11 @@
     <template #content>
       <div class="navigatorMenu">
         <a-doption>新建</a-doption>
+        <a-doption @click="handlePJClick">项目管理</a-doption>
         <a-doption @click="handlePIPClick">PIP库管理</a-doption>
-        <a-doption @click="handleSaveClick">保存到电脑</a-doption>
-        <a-doption @click="handleOpenClick">打开本地文件</a-doption>
+        <a-divider margin="1px" />
+        <a-doption @click="handleOpenClick">打开文件</a-doption>
+        <a-doption @click="handleSaveClick">保存</a-doption>
         <a-divider margin="1px" />
         <a-doption @click="handleSearchClick">查找</a-doption>
         <a-divider margin="1px" />
@@ -19,21 +21,29 @@
   </a-trigger>
   <Settings ref="modal"></Settings>
   <Pip ref="pipModal"></Pip>
+  <Pj ref="pjModal"></Pj>
+  <FilePanel ref="Filepanel"></FilePanel>
 </template>
 
 <script setup>
 import Blockly from 'blockly'
 import { ref } from 'vue'
-
 import { useStore } from '../store/store'
-
 import Settings from './Settings.vue'
 import Pip from './Pip.vue'
+import Pj from './Pj.vue'
+import FilePanel from './FilePanel.vue'
+import { pythonGenerator } from 'blockly/python'
+import { Notification } from '@arco-design/web-vue';
 
 const visible = ref()
 const modal = ref()
 const pipModal = ref()
+const pjModal = ref()
 const store = useStore()
+const Filepanel = ref()
+
+
 
 function handleIconClick() {
   Blockly.hideChaff()
@@ -42,31 +52,53 @@ function handleIconClick() {
 function handleSaveClick() {
   const json = Blockly.serialization.workspaces.save(store.workspaceSvg)
   const text = JSON.stringify(json)
-  const blob = new Blob([text], { type: 'text/plain;charset=utf-8' })
-  const url = URL.createObjectURL(blob)
-  const anchor = document.createElement('a')
-  anchor.href = url
-  anchor.download = 'project.boxy'
-  anchor.click()
-  visible.value = false
-}
+  // 转换为base64
+  const base64 = window.btoa(unescape(encodeURIComponent(text)))
+
+  var code = pythonGenerator.workspaceToCode(store.workspaceSvg) || ''
+  code = window.btoa(unescape(encodeURIComponent(code)))
+  // POST请求/api/save_file，字段path，content, code
+  const savePath = localStorage.getItem('currentFilePath') || 'default_path'
+  const saveData = {
+    path: savePath,
+    content: base64,
+    code: code
+  }
 
-function handleOpenClick() {
-  const input = document.createElement('input')
-  input.setAttribute('type', 'file')
-  input.setAttribute('name', 'file')
-  input.setAttribute('visibility', 'hidden')
-  input.setAttribute('accept', '.boxy')
-  input.addEventListener('change', function () {
-    const file = this.files[0]
-    const reader = new FileReader()
-    reader.addEventListener('load', function () {
-      const json = JSON.parse(this.result)
-      Blockly.serialization.workspaces.load(json, store.workspaceSvg)
+  fetch('/api/save_file', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify(saveData)
+  })
+  .then(response => {
+    if (response.ok) {
+      console.log('File saved successfully')
+      Notification.success({
+        title: '保存成功',
+        content: '文件已保存成功！'
+      })
+      //alert('File saved successfully')
+    } else {
+      console.error('Failed to save file:', response.status)
+      Notification.error({
+        title: '保存失败',
+        content: '文件保存失败！'
+      })
+    }
+  })
+  .catch(error => {
+    console.error('Error saving file:', error)
+    Notification.error({
+      title: '保存失败',
+      content: '文件保存失败！'
     })
-    reader.readAsText(file)
   })
-  input.click()
+}
+
+function handleOpenClick() {
+  Filepanel.value.handleFilePanelClick()
   visible.value = false
 }
 
@@ -86,14 +118,14 @@ function handleAboutClick() {
 }
 
 function handlePIPClick() {
-  //新增弹窗
-  //异步请求/api/pipList
-  //渲染列表
-  //选择后渲染到编辑区
-  //渲染到编辑区后，保存到本地
   pipModal.value.handlePipClick()
   visible.value = false
 }
+
+function handlePJClick() {
+  pjModal.value.handlePJClick()
+  visible.value = false
+}
 </script>
 
 <style>
@@ -140,7 +172,7 @@ function handlePIPClick() {
 
   100% {
     width: 150px;
-    height: 260px;
+    height: 360px;
   }
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/Front/src/components/Pip.vue b/Front/src/components/Pip.vue
index 1c10b12763470813d21fdfb31be2fb9d57a7f0a6..2e5ef2e22c34d5e8403d2219ae852c8171290166 100644
--- a/Front/src/components/Pip.vue
+++ b/Front/src/components/Pip.vue
@@ -3,20 +3,26 @@
     <template #title>Pip 列表</template>
     <div id="modal-content">
       <div style="margin-bottom: 16px;">
-        <a-input v-model="packageName" placeholder="请输入库名称" style="width: 200px; margin-right: 8px;"/>
-        <a-select v-model="installSource" placeholder="请选择安装源" style="width: 200px; margin-right: 8px;">
+        <a-input v-model="packageName" placeholder="请输入库名称" style="width: 200px; margin-right: 8px;" :disabled="installing"/>
+        <a-select v-model="installSource" placeholder="请选择安装源" style="width: 200px; margin-right: 8px;" :disabled="installing">
           <a-option value="https://pypi.org/simple">PyPI</a-option>
           <a-option value="https://pypi.tuna.tsinghua.edu.cn/simple">清华大学</a-option>
           <a-option value="https://pypi.mirrors.ustc.edu.cn/simple">中国科学技术大学</a-option>
-          <a-option value="https://pypi.org/simple">中国科技大学</a-option>
         </a-select>
-        <a-button type="primary" @click="handleInstall">安装</a-button>
+        <a-button type="primary" @click="handleInstall" :loading="installing">安装</a-button>
       </div>
-      <ul>
+
+      <a-skeleton animation v-if="loadingList">
+        <a-space direction="vertical" :style="{ width: '100%' }" size="large">
+          <a-skeleton-line :rows="3" />
+        </a-space>
+      </a-skeleton>
+      <ul v-else>
         <li v-for="item in pipList" :key="item.Package">
           {{ item.Package }} - {{ item.Version }}
         </li>
       </ul>
+
     </div>
     <template #footer>
       <span style="color: var(--color-text-4)">Copyright 2025 Coconut Studio</span>
@@ -26,14 +32,17 @@
 
 <script setup>
 import { ref } from 'vue'
+import { Message } from '@arco-design/web-vue'
 
 const visible = ref(false)
 const pipList = ref([
-  { Package: "pip", Version: "20.2.3" },
-  { Package: "setuptools", Version: "49.2.1" }
+  // { Package: "pip", Version: "20.2.3" },
+  // { Package: "setuptools", Version: "49.2.1" }
 ])
 const packageName = ref('')
 const installSource = ref('')
+const loadingList = ref(false)
+const installing = ref(false)
 
 function handlePipClick() {
   visible.value = true
@@ -41,16 +50,21 @@ function handlePipClick() {
 }
 
 async function fetchPipList() {
+  loadingList.value = true;
   try {
     const response = await fetch('./api/pipList')
     const data = await response.json()
     pipList.value = data.pipList
   } catch (error) {
+    Message.error('获取 Pip 列表失败')
     console.error('获取 Pip 列表失败:', error)
+  } finally {
+    loadingList.value = false;
   }
 }
 
 async function handleInstall() {
+  installing.value = true;
   try {
     // 构造完整的 URL，将参数拼接到查询字符串中
     const url = new URL('/api/pipInstall', window.location.origin);
@@ -68,8 +82,13 @@ async function handleInstall() {
     // 解析响应数据
     const data = await response.json();
     console.log(data);
+    packageName.value = "";
+    Message.success('安装成功')
   } catch (error) {
+    Message.error('安装失败')
     console.error('安装失败:', error);
+  } finally {
+    installing.value = false;
   }
 }
 
diff --git a/Front/src/components/Pj.vue b/Front/src/components/Pj.vue
new file mode 100644
index 0000000000000000000000000000000000000000..d5e4dfd40ac66034a4dc9fc8b9ed2cb681510cb2
--- /dev/null
+++ b/Front/src/components/Pj.vue
@@ -0,0 +1,96 @@
+<template>
+  <a-modal v-model:visible="visible" width="auto" footer="false">
+    <template #title>项目管理</template>
+    <div id="modal-content">
+      <a-list>
+        <a-list-item v-for="item in projectList" :key="item.id">
+          <a-list-item-meta>
+            <template #title>
+              <a-tooltip :content="item.path">
+                <span>{{ item.title }}</span>
+              </a-tooltip>
+            </template>
+          </a-list-item-meta>
+          <template #actions>
+            <a-button type="text" @click="openProject(item.path, item.title)">打开项目</a-button>
+            <a-button type="text" @click="deleteProject(item.path)">删除项目</a-button>
+          </template>
+        </a-list-item>
+      </a-list>
+    </div>
+    <template #footer>
+      <span style="color: var(--color-text-4)">Copyright 2025 Coconut Studio</span>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import { Notification } from '@arco-design/web-vue'
+
+const visible = ref(false)
+const projectList = ref([])
+
+// 获取项目列表数据
+async function fetchProjectList() {
+  try {
+    const response = await fetch('/api/project_list')
+    if (response.ok) {
+      const data = await response.json()
+      projectList.value = data.map((item, index) => ({
+        id: index + 1, // 假设API返回的数据没有id字段，这里手动添加一个id
+        title: item.title,
+        path: item.path // 使用path字段
+      }))
+    } else {
+      console.error('Failed to fetch project list:', response.status)
+      Notification.error({
+        title: '项目列表获取失败',
+        content: `HTTP ${response.status} ${response.statusText}`
+        })
+    }
+  } catch (error) {
+    console.error('Error fetching project list:', error)
+    Notification.error({
+      title: '项目列表获取失败',
+      content: error.message
+    })
+  }
+}
+
+// 在组件挂载时获取项目列表
+onMounted(fetchProjectList)
+
+function handlePJClick() {
+  visible.value = true
+  fetchProjectList()
+}
+
+function openProject(path, title) {
+  console.log(`Opening project at path: ${path}`)
+  // 设置localStorage中的当前项目路径，在其他地方读取并打开项目
+  localStorage.setItem('currentProjectPath', path)
+  localStorage.setItem('currentProjectTitle', title)
+  // 设置Cookie
+  document.cookie = `currentProjectPath=${path};path=/`
+  // 在这里添加打开项目的逻辑，例如跳转到项目路径
+  visible.value = false
+  Notification.success({
+    title: '打开项目成功',
+    content: `已打开项目：${title}`
+  })
+}
+
+function deleteProject(path) {
+  console.log(`Deleting project with ID: ${path}`)
+  // 在这里添加删除项目的逻辑
+}
+
+defineExpose({ handlePJClick })
+</script>
+
+<style>
+#modal-content {
+  -webkit-tap-highlight-color: transparent;
+}
+</style>
diff --git a/Front/src/main.js b/Front/src/main.js
index 02de71711a1761e6630822d4a98d2f8c6d235d06..7378de566500a5c3256123d32bac4179c641a22e 100644
--- a/Front/src/main.js
+++ b/Front/src/main.js
@@ -1,6 +1,7 @@
 import '@arco-design/web-vue/dist/arco.css'
 import 'highlight.js/styles/atom-one-dark.css'
 
+
 import { Modal } from '@arco-design/web-vue'
 import highlight from '@highlightjs/vue-plugin'
 import hljs from 'highlight.js/lib/core'
diff --git a/Front/vite.config.js b/Front/vite.config.js
index 70106ed42d764bc711a5aef3d282d14469664dd5..027969684da849c88ddcd765950efb08a69d8cc6 100644
--- a/Front/vite.config.js
+++ b/Front/vite.config.js
@@ -7,6 +7,11 @@ import viteCompression from 'vite-plugin-compression'
 import { VitePWA } from 'vite-plugin-pwa'
 
 export default defineConfig({
+  server:{
+    proxy:{
+      '/api': 'http://localhost:5000/',
+    },
+  },
   plugins: [
     vue(),
     vitePluginForArco({ theme: '@arco-themes/vue-boxy', style: true }),
diff --git a/dist/index.html b/dist/index.html
index 06acd44badfb085cec63131bad61e37c2e454492..f14c330466bcbe3b9b908dd51d100ac4ca9f6187 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -11,8 +11,8 @@
     <meta name="x5-fullscreen" content="true" />
     <meta name="fullscreen" content="yes" />
     <title>Boxy</title>
-    <script type="module" crossorigin src="/assets/index-c7dda4ec.js"></script>
-    <link rel="stylesheet" href="/assets/index-825ada8c.css">
+    <script type="module" crossorigin src="/assets/index-fe8aae6c.js"></script>
+    <link rel="stylesheet" href="/assets/index-5aafaa0d.css">
   <link rel="manifest" href="/manifest.webmanifest"></head>
   <body>
     <div id="app"></div>
diff --git a/dist/sw.js b/dist/sw.js
index d18a71f91180a5552364204ca07469961c345f72..b5b42f6785c6fbbf466c2f74fc03b31f52f7c913 100644
--- a/dist/sw.js
+++ b/dist/sw.js
@@ -1 +1 @@
-if(!self.define){let e,s={};const n=(n,i)=>(n=new URL(n+".js",i).href,s[n]||new Promise((s=>{if("document"in self){const e=document.createElement("script");e.src=n,e.onload=s,document.head.appendChild(e)}else e=n,importScripts(n),s()})).then((()=>{let e=s[n];if(!e)throw new Error(`Module ${n} didn’t register its module`);return e})));self.define=(i,t)=>{const o=e||("document"in self?document.currentScript.src:"")||location.href;if(s[o])return;let r={};const d=e=>n(e,o),l={module:{uri:o},exports:r,require:d};s[o]=Promise.all(i.map((e=>l[e]||d(e)))).then((e=>(t(...e),r)))}}define(["./workbox-bf1ed05b"],(function(e){"use strict";self.addEventListener("message",(e=>{e.data&&"SKIP_WAITING"===e.data.type&&self.skipWaiting()})),e.precacheAndRoute([{url:"assets/index-825ada8c.css",revision:null},{url:"assets/index-c7dda4ec.js",revision:null},{url:"assets/workbox-window.prod.es5-a7b12eab.js",revision:null},{url:"index.html",revision:"fcba879ad48e951ddbf02309fcba724d"},{url:"manifest.webmanifest",revision:"4fd5a74a9ab05dcb5196ecee501098a3"}],{}),e.cleanupOutdatedCaches(),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("index.html"))),e.registerRoute(/.*/i,new e.NetworkFirst({cacheName:"boxy-cache",plugins:[new e.ExpirationPlugin({maxEntries:10,maxAgeSeconds:2592e3}),new e.CacheableResponsePlugin({statuses:[0,200]})]}),"GET")}));
+if(!self.define){let e,s={};const n=(n,i)=>(n=new URL(n+".js",i).href,s[n]||new Promise((s=>{if("document"in self){const e=document.createElement("script");e.src=n,e.onload=s,document.head.appendChild(e)}else e=n,importScripts(n),s()})).then((()=>{let e=s[n];if(!e)throw new Error(`Module ${n} didn’t register its module`);return e})));self.define=(i,t)=>{const o=e||("document"in self?document.currentScript.src:"")||location.href;if(s[o])return;let r={};const l=e=>n(e,o),a={module:{uri:o},exports:r,require:l};s[o]=Promise.all(i.map((e=>a[e]||l(e)))).then((e=>(t(...e),r)))}}define(["./workbox-bf1ed05b"],(function(e){"use strict";self.addEventListener("message",(e=>{e.data&&"SKIP_WAITING"===e.data.type&&self.skipWaiting()})),e.precacheAndRoute([{url:"assets/index-5aafaa0d.css",revision:null},{url:"assets/index-fe8aae6c.js",revision:null},{url:"assets/workbox-window.prod.es5-a7b12eab.js",revision:null},{url:"index.html",revision:"64341c9558da8f8d8350dd68008e3844"},{url:"manifest.webmanifest",revision:"4fd5a74a9ab05dcb5196ecee501098a3"}],{}),e.cleanupOutdatedCaches(),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("index.html"))),e.registerRoute(/.*/i,new e.NetworkFirst({cacheName:"boxy-cache",plugins:[new e.ExpirationPlugin({maxEntries:10,maxAgeSeconds:2592e3}),new e.CacheableResponsePlugin({statuses:[0,200]})]}),"GET")}));
diff --git a/main.py b/main.py
index 912d392dcce9713c3b2f5597d7757a7cefc23787..9661708b83a44151a7df958f67ecb491079c4b1a 100644
--- a/main.py
+++ b/main.py
@@ -1,34 +1,75 @@
 """
 time: 2025
-author: CodeKpy & Coconut Studio
+author: CodeKpy & 小宏XeLa & 小树林 & Coconut Studio
 """
-
-#from click import command
-from flask import Flask, render_template, request, jsonify
+import base64
+import json
+from flask import Flask, render_template, request, jsonify, make_response
 import pipList
 import subprocess
 import os
-#from urllib.parse import unquote
-
-#from pipVersion import package_name
-
-app = Flask(__name__, template_folder='dist', static_folder='dist/assets')
+import sys
+
+# 默认环境
+venv_path = "./project"
+
+# TODO: 实现环境切换
+# 获取当前程序的路径
+if getattr(sys, 'frozen', False):
+    # 打包后的可执行文件路径
+    current_executable_path = sys.executable
+else:
+    # 普通脚本文件路径
+    current_executable_path = os.path.abspath(__file__)
+
+print(f"当前程序的路径: {current_executable_path}")
+current_executable_dir = os.path.dirname(current_executable_path)
+print(f"当前程序所在的目录: {current_executable_dir}")
+# 获取./project的绝对路径
+# 起始目录
+base_dir = current_executable_dir
+# 相对路径
+relative_path = venv_path
+# 获取绝对路径
+absolute_path = os.path.abspath(os.path.join(base_dir, relative_path))
+
+app = Flask(__name__, template_folder='dist', static_folder='dist/')
 
 # 判断是否存在project虚拟环境，不存在则创建
 if not os.path.exists('project'):
     import os
     os.system('python -m venv project')
 
-venv_path = "/project"
-# Windows系统
-activate_script = f"{venv_path}\\Scripts\\activate"
+    # 读取project.json，若不存在则创建
+    if not os.path.exists('project.json'):
+        with open('project.json', 'w') as f:
+            f.write(json.dumps([{'title': 'project', 'path': absolute_path}]))
+    else:
+        # 读取project.json
+        with open('project.json', 'r') as f:
+            data = json.load(f)
+            # 检查是否已经存在
+            for item in data:
+                if item['path'] == absolute_path:
+                    break
+            else: # 不存在则添加
+                data.append({'title': 'project', 'path': absolute_path})
+
+        # 写入
+        with open('project.json', 'w') as f:
+            f.write(json.dumps(data))
 
-# 执行激活虚拟环境的命令
-#subprocess.run(activate_script, shell=True)
 
 # 定义一个路由，当访问根目录时，返回editor.html模板
 @app.route('/')
 def index():
+    # 如果 Cookie 不存在或为空，设置一个默认值
+    if not request.cookies.get('currentProjectPath'):
+        # 创建一个响应对象
+        response = make_response(render_template('index.html'))
+        # 设置 Cookie
+        response.set_cookie('currentProjectPath', value='/default/path', max_age=3600*24*7)
+        return response
     return render_template('index.html')
 
 # dist/下的路径全部自动返回
@@ -38,43 +79,34 @@ def static_proxy(path):
     return app.send_static_file(path)
 
 # api
-@app.route('/api/<api>')
+@app.route('/api/<api>', methods=['GET', 'POST'])
 def api(api):
+    if not request.cookies.get('currentProjectPath'):
+        # 创建一个响应对象
+        response = make_response(render_template('index.html'))
+        # 设置 Cookie
+        response.set_cookie('currentProjectPath', value='/default/path', max_age=3600*24*7)
+        return response
     if api == 'pipList':
         # 获取pip列表，调用cmd命令，进入project虚拟环境，获取内容，
-        result = pipList.main()
-        """result = subprocess.check_output(['pip', 'freeze']).decode('utf-8')"""
-        # 将内容按行分割制作JSON
-        # 按行分割输出
-        lines = result.split('\n')
-
-        # 解析每一行并存储为字典
-        packages = []
-        i = 0
-        for line in lines:
-            if i >1:
-                if line.strip():  # 跳过空行
-                    parts = line.split()  # 默认按空格分割
-                    if len(parts) >= 2:
-                        package = parts[0]
-                        version = parts[1]
-                        packages.append({"Package": package, "Version": version})
-            else:
-                i += 1
-
-        # 返回JSON
-        print(result)
-        return {'pipList': packages}
+        current_project_path = request.cookies.get('currentProjectPath') or absolute_path
+        result = pipList.main(current_project_path)
+        return {'pipList': result}
     elif api == 'pyVenv':
+        # 获取post参数name，path
+        name = request.args.get('name')
+        path = request.args.get('path')
         # 新建Python "project"虚拟环境
-
-        os.system('python -m venv project')
+        os.system('python -m venv '+path+'\\'+name)
         return {'pyVenv': 'success'}
     elif api == 'pipInstall':
         # 从 GET 请求中读取参数
         package_name = request.args.get('packageName')
         install_source = request.args.get('installSource')
 
+        # 读取Cookie-currentProjectPath，若无则为absolute_path
+        current_project_path = request.cookies.get('currentProjectPath') or absolute_path
+
         # 检查参数是否为空
         if not package_name:
             return jsonify({'error': 'packageName is required'}), 400
@@ -85,13 +117,7 @@ def api(api):
         print(f"Package Name: {package_name}")
         print(f"Install Source: {install_source}")
 
-
-        # result = subprocess.run(['pip', 'install', package_name, '-i', install_source],shell=True, capture_output=True, text=True, encoding="utf-8")
-
-        """# 使用 Popen 执行命令并捕获输出
-        process = subprocess.Popen(r'.\project\Scripts\activate &&  && ' + f'pip install {package_name} -i {install_source}', shell=True, stdout=subprocess.PIPE, stderr=subprocess.PIPE, text=True, encoding="cp936")
-        stdout, stderr = process.communicate()"""
-        command = r'.\project\Scripts\activate && pip install '+package_name+' -i ' + install_source
+        command = os.path.join(current_project_path, 'Scripts', 'activate') + r' && pip install '+package_name+' -i ' + install_source
         print(command)
         process = subprocess.Popen(
             command,
@@ -99,13 +125,63 @@ def api(api):
             stdout=subprocess.PIPE, stderr=subprocess.PIPE, text=True, encoding="cp936")
         stdout, stderr = process.communicate()
 
+        print(stdout)
+        print(stderr)
+
         # 检查命令是否成功执行
         if process.returncode == 0:
             return jsonify({'success': 'Package installed successfully'})
         else:
             return jsonify({'error': 'Failed to install package'}), 500
-
-
+    elif api == 'project_list':
+        # 读取project.json
+        with open('project.json', 'r') as f:
+            project_list = json.load(f)
+        return jsonify(project_list)
+    elif api == 'file_list':
+        # 获取Cookie-currentProjectPath，若无则为'./project'
+        current_project_path = request.cookies.get('currentProjectPath') or absolute_path
+        # 获取currentProjectPath下的所有后缀为.boxy文件列表，返回字段为name, path, time
+        file_list = []
+        for file in os.listdir(current_project_path):
+            if file.endswith('.boxy'):
+                file_path = os.path.join(current_project_path, file)
+                file_time = os.path.getmtime(file_path)
+                file_list.append({'name': file, 'path': file_path, 'time': file_time})
+        file_list.sort(key=lambda x: x['time'], reverse=True)
+        return jsonify(file_list)
+    elif api == 'get_file':
+        # 获取Cookie-currentFilePath
+        current_file_path = request.cookies.get('currentFilePath')
+        # 读取文件内容
+        with open(current_file_path, 'r') as f:
+            file_content = f.read()
+            # 转换为base64
+            file_content = base64.b64encode(file_content.encode('utf-8')).decode('utf-8')
+        return jsonify({'file_content': file_content})
+    elif api == 'save_file':
+        data = request.json  # 获取 JSON 数据
+        path = data.get('path')
+        content = data.get('content')
+        code = data.get('code')
+
+        # base64解码转换为utf-8
+        file_content = base64.b64decode(content).decode('utf-8')
+        code = base64.b64decode(code).decode('utf-8')
+        try:
+            # 写入文件
+            with open(path, 'w') as f:
+                f.write(file_content)
+            with open(path.replace('.boxy', '.py'), 'w') as f:
+                f.write(code)
+            return jsonify({'success': True})
+        except Exception as e:
+            return jsonify({'success': False, 'error': str(e)}), 500
+    elif api == 'get_absolute_path':
+        name = request.args.get('name')
+        current_project_path = request.cookies.get('currentProjectPath') or absolute_path
+        # os.path.abspath(os.path.join(current_project_path, name))
+        return  jsonify({'absolute_path': os.path.join(current_project_path, name)})
 
 if __name__ == '__main__':
     app.run(debug=True)
diff --git a/pipList.py b/pipList.py
index f789d2bebe473be5ad9dbb7edc395b28d792a33b..7fbaf77820c06e0d8ddb698e5cea6916f47a2984 100644
--- a/pipList.py
+++ b/pipList.py
@@ -1,11 +1,12 @@
 import subprocess
+import os
 
-venv_path = r".\project"
+# venv_path = r".\project"
 
 # 激活虚拟环境并获取 pip 列表
 def get_pip_list(venv_path):
     # 构造激活虚拟环境和获取 pip 列表的命令
-    activate_script = f"{venv_path}\\Scripts\\activate"
+    activate_script = os.path.join(venv_path, 'Scripts', 'activate')
     pip_list_command = "pip list"
 
     # 使用 shell 执行命令
@@ -26,13 +27,29 @@ def get_pip_list(venv_path):
 
 
 # 主函数
-def main():
+def main(current_project_path):
     # 获取 pip 列表
+    venv_path = current_project_path
     pip_list = get_pip_list(venv_path)
 
     # 打印 pip 列表
     print(pip_list)
-    return pip_list
+    lines = pip_list.split('\n')
+    # 解析每一行并存储为字典
+    packages = []
+    i = 0
+    for line in lines:
+        if i > 1:
+            if line.strip():  # 跳过空行
+                parts = line.split()  # 默认按空格分割
+                if len(parts) >= 2:
+                    package = parts[0]
+                    version = parts[1]
+                    packages.append({"Package": package, "Version": version})
+        else:
+            i += 1
+    print(packages)
+    return packages
 
 
 if __name__ == "__main__":