如何在 Django 中实现 ChatGPT

从 django . http 导入 JsonResponse

导入 openai

​

openai . api_key  =  '您的 API 密钥'

​

def  get_completion（ヒント）：

    打印（ヒント）

    查询 =  openai .完成.创建（

        引擎= “text-davinci-003”，

        ヒント=ヒント，

        最大令牌数= 1024，

        n = 1 ,

        停止=无，

        温度= 0.5，

    ）

​

    响应 = 查询.选择[ 0 ].文本

    打印（响应）

    返回 响应

​

​

def  query_view（请求）：

    如果 请求.方法 ==  'POST'：

        ヒント = 请求.POST .获取( '提示' )

        响应 =  get_completion（ヒント）

        返回 JsonResponse（{ 'response'：response }）

    返回 渲染（请求，'index.html'）

来自 django . urls 导入 路径

来自.导入 视图

​

​

urlpatterns  = [

    路径（' 管理者 / ' ，admin.site.urls），

    路径（''，视图。query_view ，名称= 'query' ），

​

]

< HTML >

<头>

    <标题>查询</标题>

    <脚本 src = “https://code.jquery.com/jquery-3.6.0.min.js” ></脚本>

    <脚本 src = “https://cdn.jsdelivr.net/npm/js-cookie@3.0.0/dist/js.cookie.min.js” ></脚本>

    <脚本 src = “https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js” 完整性= “sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN”  crossorigin = “匿名” ></脚本>

    < link  href = “https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css”  rel = “样式表” 完整性= “sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD”  crossorigin = “匿名” >

    <链接 rel = “样式表”  href = “https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css” 完整性= “sha384-b6lVK+yci+bfDmaY1u0zE8YYJt0TZxLEAFyYSLHId4xoVvsrQu3INevFKo+Xir8e”  crossorigin = “匿名” >

    <脚本>

        $ ( document ) .ready (函数(){

            // 按下 Enter 键时发送表单，按下 Shift 键时避免发送表单

            $ ( '#prompt' ). keypress (函数(事件){

                如果（事件。keyCode === 13 && ！事件。shiftKey ） {​    

                    事件.preventDefault ( );

                    $ ( '表格' ).提出する();

                }

            });

            $ ( 'form' ). on ( 'submit' , function ( event ) {

                事件.preventDefault ( );

            // 从 cookie 中获取 CSRF 令牌

            var  csrftoken  =  Cookie。获取（'csrftoken'）；

            // 在 AJAX 标头中设置 CSRF 令牌

            $ .ajaxSetup （ {

                标题：{ 'X-CSRFToken'：csrftoken }

            });

                // 获取提示

                var 提示符 =  $ ( '#prompt' ).值（）；

                var  dateTime  =  new  Date ();

                var 时间 = 日期时间。toLocaleTimeString ();

                // 将提示添加到响应 div

                $ ( '#response' ). append ( '<p>(' +  time  +  ')<i class="bi bi-person"></i>:'  +  prompt  +  '</p>' );

                // 清除提示

                $ ( '#prompt' ). val ( '' );

                $ .ajax ( {

                    网址：'/'，

                    类型：'POST'，

                    数据：{ヒント：ヒント}，

                    数据类型：'json'，

                    成功：功能（数据）{

                        $ ( '#response' ). append ( '<p>(' +  time  + ')  < i class="bi bi-robot"></i>:'  + data.response  + ' </p>' );  

                    }

                });

            });

        });

    </脚本>

</头>

<文章>

    < div  class = “容器 p-3” >

        < h3 > ChatGPT 克隆</ h3 >

        < div 类= “mb-3” >

            <表单 方法= “post” >

                {% csrf_token %}

                < label  for = "prompt"  class = " form- label " > <strong>ヒント：</strong> </label>

                < textarea  class = “form-control” 类型= “textarea”  id = “prompt”  name = “ prompt” 行= “3” > </textarea>

                < br >

                < button  class = "btn btn-primary"  type = "submit" >提出する</ button >

            </表单>

        </ div >

        < br >

        < div 类= “mb-3” >

            < h6 >响应：</ h6 > 

            < div  class = “容器边框溢出自动 h-50”  id = “响应” ></ div >

        </ div >

    </ div >

</文章>

</html>​​