user complete1

AppPub/Http/UserHttp.py

@@ -0,0 +1,16 @@
+import requests
+#獲取用戶的服務器信息
+def GetUserData(sub):
+    # 发送GET请求
+    response = requests.get(f'https://tilents.sinaapp.com/assistant/search_userInfo.php?sub={sub}')
+    # 检查响应状态码
+    if response.status_code == 200:
+        # 成功获取数据
+        data = response.json()  # 如果响应是JSON格式的数据
+        print(f"GetUserData{data}")
+        return data
+    else:
+        print(f'Failed to fetch data. Status code: {response.status_code}')
+        return None
+
+GetUserData()

AppPub/User/Bean/UserInfo.py

@@ -0,0 +1,67 @@
+import requests
+import json
+from AppPub.User.Bean.User_Data import User_Data
+
+
+class UserInfo:
+    def __init__(self, sub, name, picture):
+        self.sub = sub
+        self.name = name
+        self.picture = picture
+        self.data = self.GetUserInfo()
+        # self.mobile = ""
+
+    def HttpGetUserData(self):
+        # 发送GET请求
+        response = requests.get(f'https://tilents.sinaapp.com/assistant/search_userInfo.php?sub={self.sub}')
+        # 检查响应状态码
+        if response.status_code == 200:
+            # 成功获取数据
+            data = response.json()  # 使用正确的字符编码
+            print(f"GetUserData{data}")
+            return data
+        else:
+            print(f'Failed to fetch data. Status code: {response.status_code}')
+            return None
+
+    import requests
+
+    def HttpPostUserData(self, push_data):
+        # 定义要发送的数据，这里是一个字典
+        data = {
+            "sub": self.sub,  # 假设需要传递的参数名为 "sub"
+            "uservalue": push_data
+            # 添加其他参数和值
+        }
+        # 发送POST请求
+        response = requests.post('https://tilents.sinaapp.com/assistant/insert_userinfo.php', data=data)
+
+        # 检查响应状态码
+        if response.status_code == 200:
+            # 成功获取数据
+            data = response.content.decode('utf-8')  # 使用正确的字符编码
+            print(f"PostUserData: {data}")
+            return json.loads(data)
+        else:
+            print(f'Failed to fetch data. Status code: {response.status_code}')
+            return None
+
+
+    def GetUserInfo(self):
+        data = self.HttpGetUserData()
+        if not data or "Failed to fetch data" in data or "null" in data:
+            person = User_Data(self.name, self.picture)
+            json_string = json.dumps(person.to_json())
+            print("新用戶:"+json_string)  # 註冊一個用戶
+            result = self.HttpPostUserData(json_string)
+            # 处理获取到的数据
+            if result is not None:
+                # 在这里处理返回的数据
+                print(f"新用戶添加結果:{result}")  # 註冊一個用戶
+            return person
+        else:
+            # 将JSON字符串解析为类的实例
+            person_dict = json.loads(data)
+            # User_Data
+            person = User_Data(**person_dict)
+            return person

AppPub/User/Bean/User_Data.py

@@ -0,0 +1,20 @@
+"""
+用戶data裡面的json數據bean
+"""
+
+
+class User_Data:
+    def __init__(
+            self,
+            name,
+            picture: str = "",
+    ):
+        self.name = name
+        self.picture = picture
+
+    # 定义一个自定义的JSON序列化方法
+    def to_json(self):
+        return {
+            "name": self.name,
+            "picture": self.picture
+        }

MyWidget/CustomButton.py

@@ -0,0 +1,145 @@
+"""gr.Button() component."""
+
+from __future__ import annotations
+
+from typing import Callable, Literal
+
+from gradio_client.documentation import document, set_documentation_group
+from gradio_client.serializing import StringSerializable
+
+from gradio.components.base import Component, IOComponent, _Keywords
+from gradio.deprecation import warn_deprecation, warn_style_method_deprecation
+from gradio.events import Clickable
+
+set_documentation_group("component")
+
+import gradio as gr
+@document()
+class CustomButton(Clickable, IOComponent, StringSerializable):
+    """
+    Used to create a button, that can be assigned arbitrary click() events. The label (value) of the button can be used as an input or set via the output of a function.
+
+    Preprocessing: passes the button value as a {str} into the function
+    Postprocessing: expects a {str} to be returned from a function, which is set as the label of the button
+    Demos: blocks_inputs, blocks_kinematics
+    """
+
+    def __init__(
+        self,
+        value: str | Callable = "Run",
+        *,
+        variant: Literal["primary", "secondary", "stop"] = "secondary",
+        size: Literal["sm", "lg"] | None = None,
+        icon: str | None = None,
+        link: str | None = None,
+        visible: bool = True,
+        interactive: bool = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        scale: int | None = None,
+        min_width: int | None = None,
+        **kwargs,
+    ):
+        """
+        Parameters:
+            value: Default text for the button to display. If callable, the function will be called whenever the app loads to set the initial value of the component.
+            variant: 'primary' for main call-to-action, 'secondary' for a more subdued style, 'stop' for a stop button.
+            size: Size of the button. Can be "sm" or "lg".
+            icon: URL or path to the icon file to display within the button. If None, no icon will be displayed. Must be within the working directory of the Gradio app or an external URL.
+            link: URL to open when the button is clicked. If None, no link will be used.
+            visible: If False, component will be hidden.
+            interactive: If False, the Button will be in a disabled state.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            scale: relative width compared to adjacent Components in a Row. For example, if Component A has scale=2, and Component B has scale=1, A will be twice as wide as B. Should be an integer.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+        """
+        IOComponent.__init__(
+            self,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            value=value,
+            interactive=interactive,
+            scale=scale,
+            min_width=min_width,
+            **kwargs,
+        )
+        if variant == "plain":
+            warn_deprecation("'plain' variant deprecated, using 'secondary' instead.")
+            variant = "secondary"
+        self.variant = variant
+        self.size = size
+        self.icon = icon
+        self.link = link
+
+    def get_config(self):
+        return {
+            "value": self.value,
+            "variant": self.variant,
+            "size": self.size,
+            "icon": self.icon,
+            "link": self.link,
+            "interactive": self.interactive,
+            "scale": self.scale,
+            "min_width": self.min_width,
+            **Component.get_config(self),
+        }
+
+    @staticmethod
+    def update(
+        value: str | Literal[_Keywords.NO_VALUE] | None = _Keywords.NO_VALUE,
+        variant: Literal["primary", "secondary", "stop"] | None = None,
+        size: Literal["sm", "lg"] | None = None,
+        icon: str | None = None,
+        link: str | None = None,
+        visible: bool | None = None,
+        interactive: bool | None = None,
+        scale: int | None = None,
+        min_width: int | None = None,
+    ):
+        return {
+            "variant": variant,
+            "size": size,
+            "visible": visible,
+            "value": value,
+            "icon": icon,
+            "link": link,
+            "interactive": interactive,
+            "scale": scale,
+            "min_width": min_width,
+            "__type__": "update",
+        }
+
+    def style(
+        self,
+        *,
+        full_width: bool | None = None,
+        size: Literal["sm", "lg"] | None = None,
+        **kwargs,
+    ):
+        """
+        This method is deprecated. Please set these arguments in the constructor instead.
+        """
+        warn_style_method_deprecation()
+        if full_width is not None:
+            warn_deprecation(
+                "Use `scale` in place of full_width in the constructor. "
+                "scale=1 will make the button expand, whereas 0 will not."
+            )
+            self.scale = 1 if full_width else None
+        if size is not None:
+            self.size = size
+        return self
+
+class CustomButton2(gr.Button):
+    def __init__(self, *args, **kwargs):
+        super().__init__(*args, **kwargs)
+        # 在这里可以添加自定义的初始化代码
+
+
+with gr.Blocks() as demo:
+    # gr.Button("Test")
+    CustomButton2("2")
+
+demo.launch()

UI/JS/ShowAndDisable.py

@@ -0,0 +1,31 @@
+# 定义一个 JavaScript 函数来隐藏按钮
+#block：元素以块级元素的形式显示，占据整行的空间，前后都会换行。
+#inline：元素以内联元素的形式显示，不会占据整行的空间，可以在文本中显示，前后都不会换行。
+#none：元素不在页面上显示，且不会占据任何空间。
+#flex：元素以弹性布局的形式显示，通常用于构建复杂的页面布局。
+#grid：元素以网格布局的形式显示，通常用于构建二维的页面布局。
+def GetShowObject(id):
+    hide_button_js = f"""
+        function hideButton() {{
+            var button = document.getElementById('{id}');
+            button.style.display = 'block';
+        }}
+        """
+    return hide_button_js
+
+def GetHideObject(id):
+    hide_button_js = f"""
+    function hideButton() {{
+        var button = document.getElementById('{id}');
+        button.style.display = 'none';
+    }}
+    """
+    return hide_button_js
+
+def HindObjectJs(id):
+    hide_button_js = f"""document.getElementById('{id}').style.display = 'none'"""
+    return hide_button_js
+
+def ShowObjectJs(id):
+    hide_button_js = f"""document.getElementById('{id}').style.display = 'block'"""
+    return hide_button_js

UI/LoginPanel.py

@@ -0,0 +1,56 @@
+import gradio as gr
+from gradio.routes import Request
+from typing import Any
+
+from AppPub.User.Bean.UserInfo import UserInfo
+
+"""
+justify：控制组件在水平方向上的对齐方式。可选值包括：
+'flex-start'：默认值，左对齐。
+'center'：居中对齐。
+'flex-end'：右对齐。
+'space-between'：均匀分布，首尾贴边。
+'space-around'：均匀分布，组件两侧留有空白。
+"""
+
+# 使用HTML元素创建一个自定义的空白区域，使用flex-grow来填充剩余空间
+
+
+def blank_space():
+    return "<div style='flex-grow: 1;'></div>"
+
+
+class LoginPanel:
+    def __init__(self):
+        with gr.Row() as row:
+            self.loginButton = self.GetLoginButton()
+            gr.HTML(blank_space())
+            self.logoutButton = self.GetLogOutButton()
+            self.row = row
+            # 登錄用戶唯一標識碼
+            self.sub = 0
+            self.userInfo = None
+
+    def GetLoginButton(self):
+        loginbutton = gr.LoginButton(scale=1, size=None)
+        def _check_login_status(request: Request) -> dict[str, Any]:
+            # Each time the page is refreshed or loaded, check if the user is logged in and adapt label
+            session = getattr(request, "session", None) or getattr(
+                request.request, "session", None
+            )
+            if session is None or "oauth_profile" not in session:
+                self.sub = 0
+                return loginbutton.update("登錄 Hugging Face", interactive=True)
+            else:
+                username = session["oauth_profile"]["preferred_username"]
+                sub = session["oauth_token"]["userinfo"]["sub"]
+                self.sub = sub
+                self.userInfo = UserInfo(self.sub, session["oauth_token"]["userinfo"]['name'], session["oauth_token"]["userinfo"]["picture"])
+                return loginbutton.update(f"你好: {username}", interactive=False)
+        loginbutton.attach_load_event(_check_login_status, None)
+        return loginbutton
+
+    def GetLogOutButton(self):
+        logoutButton = gr.LogoutButton(value="退出登錄", scale=1, size=None)
+        return logoutButton
+

UI/MainBlocks.py

@@ -1,7 +1,76 @@
+import time
+import gradio as gr
+import os
+from UI.JS.ShowAndDisable import GetHideObject
+from UI.LoginPanel import LoginPanel
+
+
 class MainBlocks:
-    def __init__(self, name, age):
+    def __init__(self, name):
+        self.loginPanel = None
         self.name = name
-        self.age = age
+        self.main = self.GetDemo()
+        self.main.queue()
+        self.main.launch()
+
+    # Chatbot demo with multimodal input (text, markdown, LaTeX, code blocks, image, audio, & video). Plus shows support for streaming text.
+    def add_text(self, history, text):
+        history = history + [(text, None)]
+        return history, gr.update(value="", interactive=False)
+
+    def add_file(self, history, file):
+        history = history + [((file.name,), None)]
+        return history
+
+    def bot(self, history):
+        if self.loginPanel.sub == 0:
+            response = "請登錄再聊"
+        # response = "Hello! Click the link below:<br><a href='https://www.baidu.com' target='_blank'>Visit Example.com</a>"
+        else:
+            response = "hey its cool"
+        history[-1][1] = ""
+        for character in response:
+            history[-1][1] += character
+            time.sleep(0.05)
+            yield history
+
+    def GetDemo(self):
+        with gr.Blocks() as demo:
+            # 登錄頁面
+            self.loginPanel = LoginPanel()
+            buttonAddText = gr.Button(value="Submit", elem_id="my-button")
+            # 使用 btn.click() 定义按钮被点击时的行为
+            buttonAddText.click(None, _js=GetHideObject("my-button"))
+            chatbot = gr.Chatbot(
+                [],
+                elem_id="chatbot",
+                bubble_full_width=False,
+                show_label=False,
+                #左邊是我的頭像，右邊是機器人頭像
+                avatar_images=("https://huggingface.co/front/assets/huggingface_logo-noborder.svg", (os.path.join(os.path.dirname(__file__), "../gradiodemo/Demo/IMG/didi.jpeg"))),
+            )
+            with gr.Row():
+                txt = gr.Textbox(
+                    scale=4,
+                    show_label=False,
+                    placeholder="Enter text and press enter",
+                    container=False,
+                )
+                # btn = gr.UploadButton("📁", file_types=["image", "video", "audio"])
+                # btn = gr.Button("確定")
+            txt_msg = txt.submit(self.add_text, [chatbot, txt], [chatbot, txt], queue=False)
+            txt_msg.then(
+                self.bot, chatbot, chatbot
+            )
+            txt_msg.then(lambda: gr.update(interactive=True), None, [txt], queue=False, _js=GetHideObject("my-button"))
+            # txt_msgbtn = btn.click(self.add_text, [chatbot, txt], [chatbot, txt], queue=False).then(
+            #     self.bot, chatbot, chatbot
+            # )
+            # file_msg = btn.upload(self.add_file, [chatbot, btn], [chatbot], queue=False).then(
+            #     self.bot, chatbot, chatbot
+            # )
+        return demo
+
 
-    def greet(self):
-        return f"Hello, my name is {self.name} and I am {self.age} years old."
+if __name__ == "__main__":
+    mainBlocks1 = MainBlocks("test")

app.py

@@ -2,52 +2,9 @@ import gradio as gr
 import os
 import time
 
-# Chatbot demo with multimodal input (text, markdown, LaTeX, code blocks, image, audio, & video). Plus shows support for streaming text.
-def add_text(history, text):
-    history = history + [(text, None)]
-    return history, gr.update(value="", interactive=False)
-def add_file(history, file):
-    history = history + [((file.name,), None)]
-    return history
-
-
-def bot(history):
-    response = "**That's cool!**"
-    history[-1][1] = ""
-    for character in response:
-        history[-1][1] += character
-        time.sleep(0.05)
-        yield history
-
-
-with gr.Blocks() as demo:
-    buttonAddText = gr.Button("添加文本框")
-    chatbot = gr.Chatbot(
-        [],
-        elem_id="chatbot",
-        bubble_full_width=False,
-        avatar_images=(None, (os.path.join(os.path.dirname(__file__), "./gradiodemo/Demo/IMG/didi.jpeg"))),
-    )
-
-    with gr.Row():
-        txt = gr.Textbox(
-            scale=4,
-            show_label=False,
-            placeholder="Enter text and press enter, or upload an image",
-            container=False,
-        )
-        btn = gr.UploadButton("📁", file_types=["image", "video", "audio"])
-
-
+from UI.MainBlocks import MainBlocks
 
+# Chatbot demo with multimodal input (text, markdown, LaTeX, code blocks, image, audio, & video). Plus shows support for streaming text.
 
-    txt_msg = txt.submit(add_text, [chatbot, txt], [chatbot, txt], queue=False).then(
-        bot, chatbot, chatbot
-    )
-    txt_msg.then(lambda: gr.update(interactive=True), None, [txt], queue=False)
-    file_msg = btn.upload(add_file, [chatbot, btn], [chatbot], queue=False).then(
-        bot, chatbot, chatbot
-    )
 if __name__ == "__main__":
-    demo.queue()
-    demo.launch()
+    mainBlocks1 = MainBlocks("test")

gradiodemo/Demo/Blocks/t.py

@@ -0,0 +1,14 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Blocks() as block1:
+        gr.Button("1")
+    with gr.Blocks() as block2:
+        gr.Button("2")
+
+    # gr.Button("Toggle Block 1").click(toggle_block1, None)
+
+# 在这里，您可以将不同的组件添加到块1和块2中
+# 然后通过点击按钮来切换块1的可见性
+
+demo.launch()

gradiodemo/Demo/ChatBotSimple.py

@@ -10,7 +10,8 @@ with gr.Blocks() as demo:
     clear = gr.ClearButton([msg, chatbot])
 
     def respond(message, chat_history):
-        bot_message = random.choice(["How are you?", "I love you", "I'm very hungry"])
+        # bot_message = random.choice(["How are you?", "I love you", "I'm very hungry"])
+        bot_message = "Hello! Click the link below:<br><a href='https://www.baidu.com' target='_blank'>Visit Example.com</a>"
         chat_history.append((message, bot_message))
         time.sleep(2)
         print(chat_history)

gradiodemo/Demo/Customer/t.py

@@ -0,0 +1,36 @@
+from abc import ABC
+
+import gradio as gr
+
+
+class CustomBlocks(gr.Blocks):
+    def __init__(self, *args, **kwargs):
+        super().__init__(*args, **kwargs)
+        # 在这里可以添加自定义的初始化代码
+
+    def custom_action(self):
+        # 在这里可以添加自定义的按钮点击行为
+        print("Custom button clicked!")
+
+
+
+class CustomButton(gr.Button):
+    def __init__(self, *args, **kwargs):
+        super().__init__(*args, **kwargs)
+        # 在这里可以添加自定义的初始化代码
+
+    def custom_action(self):
+        # 在这里可以添加自定义的按钮点击行为
+        print("Custom button clicked!")
+
+# 创建 Gradio 接口
+import gradio as gr
+
+def image_classifier(inp):
+    return {'cat': 0.3, 'dog': 0.7}
+
+with CustomBlocks() as demo:
+    custom_button = CustomButton("Custom Button")
+
+# 启动 Gradio 界面
+demo.launch()

gradiodemo/Demo/GradioLogin.py

@@ -0,0 +1,26 @@
+import gradio as gr
+
+# User login function for authentication
+def login(username, password):
+    # In a real application, you would perform username and password validation here.
+    # If the validation succeeds, you can return a success message; otherwise, return a failure message.
+    if username == "user" and password == "password":
+        return "Login successful"
+    else:
+        return "Login failed"
+
+# Create a login button
+login_button = gr.LoginButton()
+
+# Create a Gradio interface
+iface = gr.Interface(
+    fn=login,
+    inputs=[gr.Textbox("Username"), gr.Textbox("Password", input_type="password"), login_button],
+    outputs=gr.Textbox(),
+    live=True,
+    title="User Login",
+    description="Please enter your username and password.",
+)
+
+# Launch the Gradio interface
+iface.launch()

gradiodemo/Demo/Javascript/AutoRun.py

@@ -0,0 +1,32 @@
+import gradio as gr
+
+# 定义 JavaScript 代码
+javascript_code = """
+function showAlert() {
+    alert("Button clicked!");
+}
+"""
+
+with gr.Blocks() as demo2:
+    # 添加一个按钮
+    button = gr.Button("Click Me2222")
+def clickDo(text):
+    demo2.launch(in_browser=True)
+
+with gr.Blocks() as demo:
+    # 添加一个按钮
+    button = gr.Button("Click Me")
+    loginbutton = gr.LoginButton()
+    # 使用 gr.Code 组件嵌入 JavaScript 代码
+    javascript_code_component = gr.Code(
+        value=javascript_code,
+        language="javascript",
+        output=None,
+        live=False
+    )
+
+    # 当按钮被点击时，执行 JavaScript 脚本
+    button.click(clickDo, _js="document.write(\"<h1>Hello World!</h1>\");")
+
+
+demo.launch()

gradiodemo/Demo/Javascript/t.py

@@ -0,0 +1,48 @@
+import os
+import time
+
+import gradio as gr
+
+from UI.JS.ShowAndDisable import GetHideObject, HindObjectJs, ShowObjectJs
+
+
+def add_text(self, history, text):
+    history = history + [(text, None)]
+    return history, gr.update(value="", interactive=False)
+
+def bot(self,history):
+    # response = "Hello! Click the link below:<br><a href='https://www.baidu.com' target='_blank'>Visit Example.com</a>"
+    response = "hey its cool"
+    history[-1][1] = ""
+    for character in response:
+        history[-1][1] += character
+        time.sleep(0.05)
+        yield history
+
+
+blocks = gr.Blocks()
+with blocks as demo:
+    chatbot = gr.Chatbot(
+        [],
+        elem_id="chatbot_id",
+        bubble_full_width=False,
+        avatar_images=(None, (os.path.join(os.path.dirname(__file__), "../gradiodemo/Demo/IMG/didi.jpeg"))),
+    )
+    with gr.Row():
+        txt = gr.Textbox(
+            scale=4,
+            show_label=False,
+            placeholder="Enter text and press enter, or upload an image",
+            container=False,
+        )
+    txt_msg = txt.submit(add_text, [chatbot, txt], [chatbot, txt], queue=False).then(
+        bot, chatbot, chatbot
+    )
+    txt_msg.then(lambda: gr.update(interactive=True), None, [txt], queue=False)
+    chatbot.visible = False
+    foo_bar_btn = gr.Button("開始")
+    foo_bar_btn.click(None, [], [], _js=HindObjectJs("chatbot_id"))
+    foo_bar_btn = gr.Button("開始2")
+    foo_bar_btn.click(None, [], [], _js=ShowObjectJs("chatbot_id"))
+demo.queue()
+demo.launch()

gradiodemo/Demo/Login/2.py

@@ -0,0 +1,51 @@
+import gradio as gr
+
+# # 定义一个简单的用户数据库，用于模拟用户验证
+# user_database = {
+#     "username": "password",  # 用于存储用户名和密码的字典
+# }
+#
+#
+# # 处理登录按钮的点击事件
+# def login_click():
+#     username = login_button.username  # 获取输入的用户名
+#     password = login_button.password  # 获取输入的密码
+#
+#     # 验证用户名和密码是否在用户数据库中
+#     if username in user_database and user_database[username] == password:
+#         login_button.login_successful()  # 登录成功
+#     else:
+#         login_button.login_failed()  # 登录失败
+# 创建登录按钮
+
+# with gr.Blocks() as demo:
+#     # 创建 Gradio 接口
+#     # 创建登录按钮并在 Blocks 上下文内创建
+#     login_button = gr.LoginButton()
+#     login_button.activate()
+#     # 绑定登录按钮的点击事件处理函数
+#     login_button.click(login_click)
+#
+# # 启动 Gradio 界面
+# demo.launch()
+
+import gradio as gr
+
+import gradio as gr
+
+from MyWidget.CustomLoginButton import CustomLoginButton
+
+
+def login_callback(button):
+    # 处理登录逻辑
+    if button.clicked():
+        # 用户点击了登录按钮
+        # 在这里执行登录操作，例如验证用户输入的用户名和密码
+        # 如果登录成功，可以执行其他操作或更新界面
+        print("User clicked the login button.")
+
+with gr.Blocks() as demo:
+    loginbutton = CustomLoginButton()
+    logout = gr.LogoutButton()
+
+demo.launch()

gradiodemo/Demo/Login/3.py

@@ -0,0 +1,17 @@
+
+
+def login_callback(button):
+    # 处理登录逻辑
+    # if button.clicked():
+        # 用户点击了登录按钮
+        # 在这里执行登录操作，例如验证用户输入的用户名和密码
+        # 如果登录成功，可以执行其他操作或更新界面
+        print("User clicked the login button.")
+
+
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.LoginButton()
+
+demo.launch()

gradiodemo/Demo/cookie/t.py

@@ -0,0 +1,13 @@
+import gradio as gr
+from flask import request
+
+# 创建一个函数，该函数设置 cookie 并返回消息
+def set_cookie():
+    request.cookies.set("user_cookie", "HelloCookie")
+    return "Cookie has been set!"
+
+# 创建 Gradio 接口，指定输入为 None（因为这里不需要输入）
+iface = gr.Interface(fn=set_cookie, inputs=None, outputs="text")
+
+# 启动 Gradio 应用
+iface.launch()

gradiodemo/Demo/mHtl/HtmlJs.py

@@ -0,0 +1,27 @@
+import gradio as gr
+
+# 自定义 HTML 和 JavaScript 代码
+custom_html = """
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Custom JavaScript</title>
+</head>
+<body>
+    <button id="myButton">Click me</button>
+    <script>
+        document.getElementById("myButton").addEventListener("click", function() {
+            alert("Button clicked!");
+        });
+    </script>
+</body>
+</html>
+"""
+def greet(name):
+    return "Hello " + name + "!"
+# 创建 Gradio 应用，嵌入自定义 HTML
+with gr.Blocks() as demo:
+    custom_component = gr.HTML(custom_html)
+    gr.Interface(fn=greet, inputs="text", outputs="text")
+
+demo.launch()

gradiodemo/Demo/mHtl/JS.py

@@ -0,0 +1,47 @@
+import gradio as gr
+
+import gradio as gr
+import random
+import time
+# 动态生成 HTML 和 JavaScript 代码
+def generate_button_html():
+#     button_html = f"""
+#     <script>         function show() {{
+# 		// 在这里执行 JavaScript 代码
+# 		alert("Button clicked!");
+# 		// 隐藏按钮
+# 		var button = document.getElementById('my-button2');
+# 		button.style.display = 'none';
+# 	}}
+# </script>
+# <button id="my-button" onclick="show();">Click Me</button>
+# <button id="my-button2" onclick="show();">Click Me2</button>
+#     """
+    button_html = f"""
+    <script>  alert("Button clicked!")  </script>
+    """
+    button_html = button_html.replace("\n","<br>")
+    print(button_html)
+    return button_html
+
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot()
+    btn = gr.Button(value="Submit")
+    btn.visible = False
+    msg = gr.Textbox()
+    clear = gr.ClearButton([msg, chatbot])
+
+    def respond(message, chat_history):
+        # bot_message = random.choice(["How are you?", "I love you", "I'm very hungry"])
+        bot_message = f"Hello! Click the button below:<br>{generate_button_html()}"
+        chat_history.append((message, bot_message))
+        time.sleep(2)
+
+        btn.visible = True
+        gr.update(value="", interactive=True)
+        return "", chat_history,btn
+
+    msg.submit(respond, [msg, chatbot], [msg, chatbot])
+
+if __name__ == "__main__":
+    demo.launch()

gradiodemo/Demo/mHtl/JS2.py

@@ -0,0 +1,27 @@
+import gradio as gr
+
+def welcome(name,btn):
+    # 在回复消息中嵌入 JavaScript 代码
+    js_code = "<script>alert('Button clicked!');</script>"
+    response = f"Hello! Click the button below:<br><button onclick=\"{js_code}\">Click Me</button>"
+
+    return "response"
+
+
+with gr.Blocks() as demo:
+    gr.Markdown(
+    """
+    # Hello World!
+    Start typing below to see the output.
+    """)
+    inp = gr.Textbox(placeholder="What is your name?")
+    out = gr.Textbox()
+    btn = gr.Button("1")
+    def changeIcon(btnw):
+        # btnw.icon = "didi.jpeg"
+        return "tt",gr.update(value="", interactive=True)
+    inp.change(welcome, [inp,btn], btn).then(changeIcon,btn,btn)
+
+if __name__ == "__main__":
+    demo.launch()
+

gradiodemo/Demo/mHtl/tt.py

@@ -0,0 +1,15 @@
+import gradio as gr
+
+def show_button(flag):
+    button = gr.Button("Click Me")
+    # button.visible = flag  # 控制按钮的可见性
+    return "ddd"
+
+demo = gr.Interface(
+    show_button,
+    "checkbox",  # 添加一个复选框组件，用于控制按钮的可见性
+    "button"
+)
+
+if __name__ == "__main__":
+    demo.launch()

gradiodemo/Demo/request/1.py

@@ -0,0 +1,6 @@
+import gradio as gr
+def echo(name, request: gr.Request):
+    print("Request headers dictionary:", request.headers)
+    print("IP address:", request.client.host)
+    return name
+io = gr.Interface(echo, "textbox", "textbox").launch()

gradiodemo/Flask/Helloworld.py

@@ -0,0 +1,10 @@
+from flask import Flask
+
+app = Flask(__name__)
+
+@app.route('/')
+def hello_world():
+    return 'Hello, World!'
+
+if __name__ == '__main__':
+    app.run()

gradiodemo/Flask/RunGradio.py

@@ -0,0 +1,42 @@
+import gradio as gr
+from flask import Flask, render_template
+
+app = Flask(__name__)
+def my_function_1(name):
+    return "dfd"
+# 定义多个 Gradio 接口
+def gradio_interface_1():
+    interface = gr.Interface(
+        fn=my_function_1,
+        inputs="text",
+        outputs="text",
+    )
+    return interface
+
+def gradio_interface_2():
+    interface = gr.Interface(
+        fn=my_function_1,
+        inputs="image",
+        outputs="text",
+    )
+    return interface
+
+# 创建多个 Gradio 接口
+gr_interface_1 = gradio_interface_1()
+gr_interface_2 = gradio_interface_2()
+
+# 添加多个 Gradio 接口到 Flask Web 应用程序
+@app.route('/')
+def home():
+    return render_template('index.html')
+
+@app.route('/interface1')
+def interface1():
+    return gr_interface_1.launch()
+
+@app.route('/interface2')
+def interface2():
+    return gr_interface_2.launch()
+
+if __name__ == '__main__':
+    app.run(debug=True)

gradiodemo/Flask/t.py

@@ -0,0 +1,22 @@
+from flask import Flask, render_template, request
+import gradio as gr
+
+app = Flask(__name__)
+
+# 定义 Gradio Blocks 示例
+def gradio_blocks_demo():
+    with gr.Blocks() as demo:
+        # 在这里添加您的 Gradio Blocks 组件
+         gr.Button("Test")
+    return demo
+
+# 创建 Gradio Blocks 示例
+gradio_demo = gradio_blocks_demo()
+
+@app.route('/')
+def home():
+    # 渲染 HTML 模板，将 Gradio Blocks 示例嵌入到模板中
+    return render_template('index.html', gradio_demo=gradio_demo)
+
+if __name__ == '__main__':
+    gradio_demo.launch()

gradiodemo/Flask/templates/index.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+
+</body>
+</html>

requirements.txt

@@ -1 +1,4 @@
 gradio==3.42.0
+Flask==2.3.3
+
+requests~=2.31.0