npm - nsgm-cli - Versions diffs - 2.1.13 → 2.1.15 - Mend

nsgm-cli 2.1.13 → 2.1.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (147) hide show

package/README.md +394 -156
package/client/components/Button.tsx +3 -5
package/client/components/ClientProviders.tsx +29 -0
package/client/components/LanguageSwitcher.tsx +59 -0
package/client/components/SSRSafeAntdProvider.tsx +24 -0
package/client/components/SuppressHydrationWarnings.tsx +55 -0
package/client/components/__tests__/Button.test.tsx +10 -10
package/client/layout/index.tsx +153 -185
package/client/redux/reducers.ts +1 -1
package/client/redux/store.ts +2 -1
package/client/redux/template/manage/actions.ts +77 -88
package/client/redux/template/manage/reducers.ts +25 -37
package/client/redux/template/manage/types.ts +1 -1
package/client/service/template/manage.ts +20 -21
package/client/styled/common.ts +12 -14
package/client/styled/layout/index.ts +234 -120
package/client/styled/template/manage.ts +102 -14
package/client/utils/common.ts +23 -21
package/client/utils/cookie.ts +18 -19
package/client/utils/fetch.ts +64 -100
package/client/utils/i18n.ts +68 -0
package/client/utils/menu.tsx +42 -23
package/client/utils/navigation.ts +58 -0
package/client/utils/sso.ts +74 -84
package/client/utils/suppressWarnings.ts +32 -0
package/eslint.config.js +53 -19
package/generation/README.md +25 -6
package/generation/__tests__/example.test.js +41 -0
package/generation/client/redux/reducers.ts +1 -1
package/generation/client/utils/menu.tsx +36 -23
package/generation/env +3 -0
package/generation/env.example +3 -0
package/generation/eslint.config.js +112 -0
package/generation/gitignore +6 -1
package/generation/jest.config.js +40 -0
package/generation/next.config.js +7 -3
package/generation/package.json +28 -4
package/generation/tsconfig.json +6 -19
package/jest.config.js +23 -6
package/lib/args.js +9 -1
package/lib/cli/app.d.ts +28 -0
package/lib/cli/app.js +99 -0
package/lib/cli/commands/build.d.ts +2 -0
package/lib/cli/commands/build.js +29 -0
package/lib/cli/commands/create.d.ts +2 -0
package/lib/cli/commands/create.js +113 -0
package/lib/cli/commands/delete.d.ts +3 -0
package/lib/cli/commands/delete.js +151 -0
package/lib/cli/commands/export.d.ts +2 -0
package/lib/cli/commands/export.js +42 -0
package/lib/cli/commands/help.d.ts +2 -0
package/lib/cli/commands/help.js +42 -0
package/lib/cli/commands/init.d.ts +2 -0
package/lib/cli/commands/init.js +115 -0
package/lib/cli/commands/server.d.ts +3 -0
package/lib/cli/commands/server.js +26 -0
package/lib/cli/commands/upgrade.d.ts +2 -0
package/lib/cli/commands/upgrade.js +38 -0
package/lib/cli/commands/version.d.ts +2 -0
package/lib/cli/commands/version.js +24 -0
package/lib/cli/index.d.ts +16 -0
package/lib/cli/index.js +33 -0
package/lib/cli/parser.d.ts +22 -0
package/lib/cli/parser.js +115 -0
package/lib/cli/registry.d.ts +33 -0
package/lib/cli/registry.js +81 -0
package/lib/cli/types/project.d.ts +10 -0
package/lib/cli/types/project.js +2 -0
package/lib/cli/types.d.ts +31 -0
package/lib/cli/types.js +20 -0
package/lib/cli/utils/console.d.ts +62 -0
package/lib/cli/utils/console.js +148 -0
package/lib/cli/utils/index.d.ts +2 -0
package/lib/cli/utils/index.js +7 -0
package/lib/cli/utils/prompt.d.ts +83 -0
package/lib/cli/utils/prompt.js +327 -0
package/lib/constants.d.ts +65 -0
package/lib/constants.js +177 -0
package/lib/generate.d.ts +25 -3
package/lib/generate.js +98 -621
package/lib/generate_create.d.ts +9 -0
package/lib/generate_create.js +329 -0
package/lib/generate_delete.d.ts +8 -0
package/lib/generate_delete.js +233 -0
package/lib/generate_init.d.ts +56 -0
package/lib/generate_init.js +612 -0
package/lib/generators/base-generator.d.ts +47 -0
package/lib/generators/base-generator.js +92 -0
package/lib/generators/file-generator.d.ts +48 -0
package/lib/generators/file-generator.js +455 -0
package/lib/generators/generator-factory.d.ts +20 -0
package/lib/generators/generator-factory.js +25 -0
package/lib/generators/i18n-generator.d.ts +51 -0
package/lib/generators/i18n-generator.js +320 -0
package/lib/generators/page-generator.d.ts +45 -0
package/lib/generators/page-generator.js +578 -0
package/lib/generators/resolver-generator.d.ts +14 -0
package/lib/generators/resolver-generator.js +342 -0
package/lib/generators/schema-generator.d.ts +7 -0
package/lib/generators/schema-generator.js +57 -0
package/lib/generators/service-generator.d.ts +11 -0
package/lib/generators/service-generator.js +233 -0
package/lib/generators/sql-generator.d.ts +8 -0
package/lib/generators/sql-generator.js +52 -0
package/lib/index.d.ts +1 -1
package/lib/index.js +14 -173
package/lib/server/csrf.js +9 -16
package/lib/server/db.js +6 -7
package/lib/server/graphql.js +5 -6
package/lib/server/plugins/date.js +1 -1
package/lib/server/utils/graphql-cache.js +3 -3
package/lib/tsconfig.build.tsbuildinfo +1 -1
package/lib/utils/project-config.d.ts +5 -0
package/lib/utils/project-config.js +145 -0
package/lib/utils.js +1 -1
package/next-i18next.config.js +18 -0
package/next.config.js +61 -18
package/package.json +16 -8
package/pages/_app.tsx +77 -33
package/pages/_document.tsx +78 -21
package/pages/_error.tsx +66 -0
package/pages/index.tsx +109 -47
package/pages/login.tsx +66 -41
package/pages/template/manage.tsx +162 -151
package/public/fonts/font-awesome.min.css +4 -0
package/public/fonts/fontawesome-webfont.woff +0 -0
package/public/fonts/fontawesome-webfont.woff2 +0 -0
package/public/locales/en-US/common.json +48 -0
package/public/locales/en-US/home.json +57 -0
package/public/locales/en-US/layout.json +22 -0
package/public/locales/en-US/login.json +13 -0
package/public/locales/en-US/template.json +42 -0
package/public/locales/ja-JP/common.json +48 -0
package/public/locales/ja-JP/home.json +57 -0
package/public/locales/ja-JP/layout.json +22 -0
package/public/locales/ja-JP/login.json +13 -0
package/public/locales/ja-JP/template.json +42 -0
package/public/locales/zh-CN/common.json +48 -0
package/public/locales/zh-CN/home.json +57 -0
package/public/locales/zh-CN/layout.json +22 -0
package/public/locales/zh-CN/login.json +13 -0
package/public/locales/zh-CN/template.json +42 -0
package/public/slbhealthcheck.html +1 -1
package/server/apis/template.js +0 -2
package/server/utils/validation.js +163 -0
package/types/i18next.d.ts +10 -0
package/generation/eslintrc.js +0 -16

package/pages/_document.tsx CHANGED Viewed

@@ -1,22 +1,85 @@
-import Document, {
-  Html,
-  Head,
-  Main,
-  NextScript,
-  DocumentContext
-} from 'next/document'
+import Document, { Html, Head, Main, NextScript, DocumentContext } from 'next/document'
 import React from 'react'
 import { ServerStyleSheet } from 'styled-components'
-const MyDocument = () => {
+const MyDocument = (props) => {
+  // 从 props 中获取语言信息，如果没有则默认为 zh-CN
+  const locale = props.locale || 'zh-CN'
   return (
-    <Html>
+    <Html lang={locale}>
       <title>NSGM CLI</title>
-      <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui" />
-      <meta name="apple-mobile-web-app-capable" content="yes" />
+      <meta
+        name="viewport"
+        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui"
+      />
+      <meta name="mobile-web-app-capable" content="yes" />
       <meta charSet="utf-8" />
       <Head>
-        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
+        {/* 直接使用现有的 FontAwesome CSS 文件 */}
+        <link rel="stylesheet" href="/fonts/font-awesome.min.css" />
+        {/* 预加载字体文件以改善性能 */}
+        <link
+          rel="preload"
+          href="/fonts/fontawesome-webfont.woff2?v=4.7.0"
+          as="font"
+          type="font/woff2"
+          crossOrigin="anonymous"
+        />
+        <link
+          rel="preload"
+          href="/fonts/fontawesome-webfont.woff?v=4.7.0"
+          as="font"
+          type="font/woff"
+          crossOrigin="anonymous"
+        />
+        {/* 确保字体正确显示的额外样式 */}
+        <style>{`
+          .fa {
+            font-family: FontAwesome !important;
+            font-style: normal !important;
+            font-weight: normal !important;
+            text-decoration: inherit;
+            line-height: 1;
+            -webkit-font-smoothing: antialiased;
+            -moz-osx-font-smoothing: grayscale;
+          }
+        `}</style>
+        {/* 抑制服务端渲染的 useLayoutEffect 警告 */}
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+              if (typeof window === 'undefined') {
+                global.window = {};
+              }
+              // 在服务端抑制 useLayoutEffect 警告
+              if (typeof console !== 'undefined' && process.env.NODE_ENV === 'development') {
+                const originalError = console.error;
+                const originalWarn = console.warn;
+                console.error = function(...args) {
+                  const message = args[0];
+                  if (typeof message === 'string' && message.includes('useLayoutEffect does nothing on the server')) {
+                    return;
+                  }
+                  originalError.apply(console, args);
+                };
+                console.warn = function(...args) {
+                  const message = args[0];
+                  if (typeof message === 'string' && message.includes('useLayoutEffect does nothing on the server')) {
+                    return;
+                  }
+                  originalWarn.apply(console, args);
+                };
+              }
+            `,
+          }}
+        />
       </Head>
       <body>
         <Main />
@@ -29,27 +92,21 @@ const MyDocument = () => {
 // MyDocument.renderDocument = Document.renderDocument
 MyDocument.getInitialProps = async (ctx: DocumentContext) => {
-  // console.log('document getInitialProps')
   const sheet = new ServerStyleSheet()
   const originalRenderPage = ctx.renderPage
   try {
     ctx.renderPage = () =>
       originalRenderPage({
-        enhanceApp: (App) => (props) => sheet.collectStyles(<App {...props} />)
+        enhanceApp: (App) => (props) => sheet.collectStyles(<App {...props} />),
       })
     const initialProps = await Document?.getInitialProps(ctx)
     return {
       ...initialProps,
-      styles: (
-        <>
-          {initialProps.styles}
-          {sheet.getStyleElement()}
-        </>
-      )
+      locale: ctx.locale || 'zh-CN',
+      styles: [initialProps.styles, sheet.getStyleElement()],
     }
   } finally {
     sheet.seal()

package/pages/_error.tsx ADDED Viewed

@@ -0,0 +1,66 @@
+import React from 'react'
+import { Result, Button } from 'antd'
+import { NextPageContext } from 'next'
+interface ErrorProps {
+  statusCode?: number
+}
+function ErrorPage({ statusCode }: ErrorProps) {
+  const getErrorMessage = () => {
+    if (statusCode === 404) {
+      return '页面未找到'
+    } else if (statusCode === 500) {
+      return '服务器错误'
+    }
+    return '发生了未知错误'
+  }
+  const getErrorTitle = () => {
+    if (statusCode === 404) {
+      return '404'
+    } else if (statusCode === 500) {
+      return '500'
+    }
+    return '错误'
+  }
+  return (
+    <div
+      style={{
+        minHeight: '100vh',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: '20px',
+      }}
+    >
+      <Result
+        status={statusCode === 404 ? '404' : '500'}
+        title={getErrorTitle()}
+        subTitle={getErrorMessage()}
+        extra={
+          <Button
+            type="primary"
+            onClick={() => {
+              if (typeof window !== 'undefined') {
+                window.location.href = '/'
+              }
+            }}
+          >
+            返回首页
+          </Button>
+        }
+      />
+    </div>
+  )
+}
+ErrorPage.getInitialProps = ({ res, err }: NextPageContext) => {
+  const statusCode = res ? res.statusCode : err ? err.statusCode : 404
+  return { statusCode }
+}
+ErrorPage.displayName = 'ErrorPage'
+export default ErrorPage

package/pages/index.tsx CHANGED Viewed

@@ -1,104 +1,157 @@
-import MarkdownIt from 'markdown-it'
 import _ from 'lodash'
 import { Container } from '../client/styled/common'
-import getConfig from 'next/config'
 import React from 'react'
 import { Card, Typography, Divider, Row, Col, Tag } from 'antd'
 import { CodeOutlined, BookOutlined, DatabaseOutlined, SettingOutlined } from '@ant-design/icons'
+import { useTranslation } from 'next-i18next'
+import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
 const { Title, Paragraph, Text } = Typography
-const md = new MarkdownIt({
-  html: true,
-  linkify: true,
-  typographer: true
-})
+const Page = () => {
+  const { t } = useTranslation(['common', 'home'])
-const nextConfig = getConfig()
-const { publicRuntimeConfig } = nextConfig
-const { env } = publicRuntimeConfig
-const Page = ({ html }) => {
   return (
     <Container>
       <Typography style={{ padding: '24px' }}>
-        <Title level={1}>NSGM CLI</Title>
+        <Row justify="space-between" align="middle" style={{ marginBottom: '24px' }}>
+          <Col>
+            <Title level={1}>{t('home:page.title')}</Title>
+          </Col>
+        </Row>
         <Paragraph>
           <Row gutter={[16, 16]}>
-            <Col><Tag color="blue">Next</Tag></Col>
-            <Col><Tag color="purple">Styled-components</Tag></Col>
-            <Col><Tag color="magenta">Graphql</Tag></Col>
-            <Col><Tag color="green">Mysql</Tag></Col>
+            <Col>
+              <Tag color="blue">Next</Tag>
+            </Col>
+            <Col>
+              <Tag color="purple">Styled-components</Tag>
+            </Col>
+            <Col>
+              <Tag color="magenta">Graphql</Tag>
+            </Col>
+            <Col>
+              <Tag color="green">Mysql</Tag>
+            </Col>
           </Row>
         </Paragraph>
-        <Paragraph>
-          全栈架构，代码模板生成，快速开发
-        </Paragraph>
+        <Paragraph>{t('home:page.description')}</Paragraph>
         <Card style={{ marginBottom: '24px' }}>
           <Row gutter={[24, 16]}>
             <Col xs={24} md={8}>
-              <Card type="inner" title={<><DatabaseOutlined /> 数据库配置</>}>
-                数据库采用 Mysql, 配置见 mysql.config.js
+              <Card
+                type="inner"
+                title={
+                  <>
+                    <DatabaseOutlined /> {t('home:page.sections.database.title')}
+                  </>
+                }
+              >
+                {t('home:page.sections.database.description')}
               </Card>
             </Col>
             <Col xs={24} md={8}>
-              <Card type="inner" title={<><SettingOutlined /> 项目配置</>}>
-                项目配置见 project.config.js
+              <Card
+                type="inner"
+                title={
+                  <>
+                    <SettingOutlined /> {t('home:page.sections.project.title')}
+                  </>
+                }
+              >
+                {t('home:page.sections.project.description')}
               </Card>
             </Col>
             <Col xs={24} md={8}>
-              <Card type="inner" title={<><CodeOutlined /> 框架配置</>}>
-                Next 框架配置见 next.config.js
+              <Card
+                type="inner"
+                title={
+                  <>
+                    <CodeOutlined /> {t('home:page.sections.framework.title')}
+                  </>
+                }
+              >
+                {t('home:page.sections.framework.description')}
               </Card>
             </Col>
           </Row>
         </Card>
-        <Title level={2}><BookOutlined /> 命令</Title>
+        <Title level={2}>
+          <BookOutlined /> {t('home:page.commands.title')}
+        </Title>
         <Divider />
         <Row gutter={[16, 16]}>
           <Col xs={24} md={8}>
             <Card hoverable>
-              <Title level={4}>项目管理</Title>
+              <Title level={4}>{t('home:page.commands.categories.projectManagement.title')}</Title>
               <ul>
-                <li><Text strong>nsgm init</Text> - 初始化项目</li>
-                <li><Text strong>nsgm upgrade</Text> - 升级项目基础文件</li>
+                <li>
+                  <Text strong>nsgm init</Text> - {t('home:page.commands.categories.projectManagement.items.init')}
+                </li>
+                <li>
+                  <Text strong>nsgm upgrade</Text> -{' '}
+                  {t('home:page.commands.categories.projectManagement.items.upgrade')}
+                </li>
               </ul>
             </Card>
           </Col>
           <Col xs={24} md={8}>
             <Card hoverable>
-              <Title level={4}>模板操作</Title>
+              <Title level={4}>{t('home:page.commands.categories.templateOperations.title')}</Title>
               <ul>
-                <li><Text strong>nsgm create</Text> - 创建模板页面</li>
-                <li><Text strong>nsgm delete</Text> - 删除模板页面</li>
-                <li><Text strong>nsgm deletedb</Text> - 删除模板页面及数据库表</li>
+                <li>
+                  <Text strong>nsgm create</Text> - {t('home:page.commands.categories.templateOperations.items.create')}
+                </li>
+                <li>
+                  <Text strong>nsgm delete</Text> - {t('home:page.commands.categories.templateOperations.items.delete')}
+                </li>
+                <li>
+                  <Text strong>nsgm deletedb</Text> -{' '}
+                  {t('home:page.commands.categories.templateOperations.items.deletedb')}
+                </li>
               </ul>
             </Card>
           </Col>
           <Col xs={24} md={8}>
             <Card hoverable>
-              <Title level={4}>运行与构建</Title>
+              <Title level={4}>{t('home:page.commands.categories.runBuild.title')}</Title>
               <ul>
-                <li><Text strong>nsgm dev</Text> - 开发模式</li>
-                <li><Text strong>nsgm start</Text> - 生产模式</li>
-                <li><Text strong>nsgm build</Text> - 编译</li>
-                <li><Text strong>nsgm export</Text> - 导出静态页面</li>
+                <li>
+                  <Text strong>nsgm dev</Text> - {t('home:page.commands.categories.runBuild.items.dev')}
+                </li>
+                <li>
+                  <Text strong>nsgm start</Text> - {t('home:page.commands.categories.runBuild.items.start')}
+                </li>
+                <li>
+                  <Text strong>nsgm build</Text> - {t('home:page.commands.categories.runBuild.items.build')}
+                </li>
+                <li>
+                  <Text strong>nsgm export</Text> - {t('home:page.commands.categories.runBuild.items.export')}
+                </li>
               </ul>
             </Card>
           </Col>
         </Row>
-        <Title level={2} style={{ marginTop: '24px' }}>参数</Title>
+        <Title level={2} style={{ marginTop: '24px' }}>
+          {t('home:page.parameters.title')}
+        </Title>
         <Divider />
         <Card>
           <ul>
-            <li><Text strong>dictionary:</Text> 在 export/init 的时候使用, 默认 webapp, 譬如: nsgm export/init dictionary=webapp 或者 nsgm export/init webapp</li>
-            <li><Text strong>controller:</Text> 在 create/delete 的时候使用， 必须有。譬如：nsgm create/delete math</li>
-            <li><Text strong>action:</Text> 在 create/delete 的时候使用， 默认 manage, 跟在 controller 后面， 譬如 nsgm create/delete math test</li>
+            <li>
+              <Text strong>dictionary:</Text> {t('home:page.parameters.items.dictionary')}
+            </li>
+            <li>
+              <Text strong>controller:</Text> {t('home:page.parameters.items.controller')}
+            </li>
+            <li>
+              <Text strong>action:</Text> {t('home:page.parameters.items.action')}
+            </li>
           </ul>
         </Card>
       </Typography>
@@ -106,8 +159,17 @@ const Page = ({ html }) => {
   )
 }
-Page.getInitialProps = () => {
-  return {}
+export const getServerSideProps = async ({ locale }) => {
+  // 确保 locale 有默认值，避免 serverSideTranslations 报错
+  const currentLocale = locale || 'zh-CN'
+  return {
+    props: {
+      ...(await serverSideTranslations(currentLocale, ['common', 'home', 'layout'])),
+    },
+  }
 }
-export default Page
+Page.displayName = 'HomePage'
+export default Page

package/pages/login.tsx CHANGED Viewed

@@ -2,15 +2,20 @@ import MarkdownIt from 'markdown-it'
 import _ from 'lodash'
 import { LoginContainer } from '../client/styled/common'
 // import getConfig from 'next/config'
-import React, { useState } from 'react'
+import React, { useState, useEffect } from 'react'
 import { Input, Button, Form, Typography, message } from 'antd'
 import { UserOutlined, LockOutlined } from '@ant-design/icons'
 import { directLogin } from '../client/utils/sso'
+import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
+import { useTranslation } from 'next-i18next'
+import { useRouter } from 'next/router'
+import LanguageSwitcher from '@/components/LanguageSwitcher'
+import { navigateToHome } from '@/utils/navigation'
 const md = new MarkdownIt({
   html: true,
   linkify: true,
-  typographer: true
+  typographer: true,
 })
 // const nextConfig = getConfig()
@@ -19,48 +24,56 @@ const md = new MarkdownIt({
 const renderArr: any = []
-renderArr.push('Login')
+renderArr.push('NSGM')
 const Page = ({ html }) => {
-  const [userName, setUserName] = useState("")
-  const [userPassword, setUserPassword] = useState("")
+  const { t } = useTranslation(['login'])
+  const router = useRouter()
+  const [userName, setUserName] = useState('')
+  const [userPassword, setUserPassword] = useState('')
+  const [mounted, setMounted] = useState(false)
+  useEffect(() => {
+    setMounted(true)
+  }, [])
   const createMarkup = () => {
     return {
-      __html: html
+      __html: html,
     }
   }
   const doLogin = () => {
-    if (typeof window !== "undefined") {
-      if (userName === '') {
-        message.error('请输入用户名');
-        return;
-      }
-      if (userPassword === '') {
-        message.error('请输入密码');
-        return;
+    if (!mounted || typeof window === 'undefined') return
+    if (userName === '') {
+      message.error(t('login:login.errors.usernameRequired'))
+      return
+    }
+    if (userPassword === '') {
+      message.error(t('login:login.errors.passwordRequired'))
+      return
+    }
+    const result = directLogin(userName, userPassword, (user) => {
+      if (user && mounted) {
+        // 跳转到首页，保持当前语言设置，强制添加语言前缀避免自动检测
+        navigateToHome(router, true)
       }
+    })
-      const result = directLogin(userName, userPassword, (user) => {
-        if (user) {
-          window.location.href = window.location.origin;
-        }
-      });
-      // 检查是否是 Promise
-      if (result && typeof (result as any).then === 'function') {
-        (result as Promise<any>).then(loginResult => {
-          if (!loginResult.success) {
-            message.error(loginResult.message);
-          }
-        });
-      } else {
-        // 直接返回的结果
-        const syncResult = result as { success: boolean; message?: string };
-        if (!syncResult.success) {
-          message.error(syncResult.message || '登录失败');
+    // 检查是否是 Promise
+    if (result && typeof (result as any).then === 'function') {
+      ;(result as Promise<any>).then((loginResult) => {
+        if (!loginResult.success) {
+          message.error(loginResult.message)
         }
+      })
+    } else {
+      // 直接返回的结果
+      const syncResult = result as { success: boolean; message?: string }
+      if (!syncResult.success) {
+        message.error(syncResult.message || t('login:login.errors.loginFailed'))
       }
     }
   }
@@ -75,13 +88,18 @@ const Page = ({ html }) => {
   return (
     <LoginContainer>
+      <div style={{ position: 'absolute', top: '20px', right: '20px' }}>
+        <LanguageSwitcher />
+      </div>
       <div dangerouslySetInnerHTML={createMarkup()} />
-      <Typography.Title level={3} style={{ textAlign: 'center', marginBottom: 24 }}>系统登录</Typography.Title>
+      <Typography.Title level={3} style={{ textAlign: 'center', marginBottom: 24 }}>
+        {t('login:login.title')}
+      </Typography.Title>
       <Form layout="vertical" style={{ width: '100%' }}>
         <Form.Item>
           <Input
             prefix={<UserOutlined style={{ color: 'rgba(0,0,0,.25)' }} />}
-            placeholder="用户名"
+            placeholder={t('login:login.username')}
             size="large"
             value={userName}
             onChange={doChangeName}
@@ -91,7 +109,7 @@ const Page = ({ html }) => {
         <Form.Item>
           <Input.Password
             prefix={<LockOutlined style={{ color: 'rgba(0,0,0,.25)' }} />}
-            placeholder="密码"
+            placeholder={t('login:login.password')}
             size="large"
             value={userPassword}
             onChange={doChangePassword}
@@ -100,7 +118,7 @@ const Page = ({ html }) => {
         </Form.Item>
         <Form.Item>
           <Button type="primary" onClick={doLogin} size="large" block>
-            登录
+            {t('login:login.loginButton')}
           </Button>
         </Form.Item>
       </Form>
@@ -108,17 +126,24 @@ const Page = ({ html }) => {
   )
 }
-Page.getInitialProps = () => {
+export const getServerSideProps = async ({ locale }) => {
+  // 确保 locale 有默认值，避免 serverSideTranslations 报错
+  const currentLocale = locale || 'zh-CN'
+  // 处理 markdown 内容
   let html = ''
   _.each(renderArr, (item) => {
     html += md.render(item)
   })
-  console.log("Generated HTML:", html);
   return {
-    html
+    props: {
+      html,
+      ...(await serverSideTranslations(currentLocale, ['common', 'layout', 'login'])),
+    },
   }
 }
-export default Page
+Page.displayName = 'LoginPage'
+export default Page