How to implement ChatGPT in Django

从 django . http 导入 JsonResponse

导入 openai

​

openai . api_key  =  '您的 API 密钥'

​

def  get_completion（hint）：

    打印（hint）

    查询 =  openai .完成.create（

        引擎= “text-davinci-003”，

        hint=hint，

        最大令牌数= 1024，

        n = 1 ,

        停止=无，

        温度= 0.5，

    ）

​

    response = 查询.choose[ 0 ].text

    打印（response）

    返回 response

​

​

def  query_view（请求）：

    if 请求.方法 ==  'POST'：

        hint = 请求.POST .获取( '提示' )

        response =  get_completion（hint）

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

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

来自 django . urls 导入 路径

来自.导入 视图

​

​

urlpatterns  = [

    路径（' admin / ' ，admin.site.urls），

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

​

]

< HTML >

<头>

    <title>查询</title>

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

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

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

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

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

    <Script>

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

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

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

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

                    事件.preventDefault ( );

                    $ ( '表格' ).submit();

                }

            });

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

                事件.preventDefault ( );

            // 从 cookie 中获取 CSRF 令牌

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

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

            $ .ajaxSetup （ {

                title：{ '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 ( {

                    网址：'/'，

                    type：'POST'，

                    数据：{hint：hint}，

                    数据类型：'json'，

                    成功：功能（数据）{

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

                    }

                });

            });

        });

    </Script>

</头>

<text>

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

        < h3 > ChatGPT 克隆</ h3 >

        < div 类= “mb-3” >

            <表单 方法= “post” >

                {% csrf_token %}

                < label  for = "prompt"  class = " form- label " > <strong>hint：</strong> </label>

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

                < br >

                < button  class = "btn btn-primary"  type = "submit" >submit</ button >

            </表单>

        </ div >

        < br >

        < div 类= “mb-3” >

            < h6 >response：</ h6 > 

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

        </ div >

    </ div >

</text>

</html>​​