整合營銷服務(wù)商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          如何快速寫出表格代碼?exl表格轉(zhuǎn)換成html代碼

          如何快速寫出表格代碼?exl表格轉(zhuǎn)換成html代碼

          、在exl中編輯好你想要的表格形式,復(fù)制有內(nèi)容的表格到dw右側(cè),如圖:


          2、將途中寬度去除,選中一個寬度,按Ctrl+F,點擊“替換全部”。如圖:


          3、途中選中部分換成表格的表頭代碼:


          表頭代碼:<table align="center" border="1" cellpadding="0" cellspacing="1" class="biaoge" style="text-align:center" width="100%">

          <tbody>


          4、將表格標(biāo)題中的td和/td改成th和/th。如圖:


          5、選中右側(cè)表格中有鏈接的表格,選擇上方窗口中的屬性面板,在html狀態(tài)下,目標(biāo)選擇”_blank”。



          6、左側(cè)代碼就是匯總表格的代碼,復(fù)制到后臺內(nèi)容頁的源碼狀態(tài)下即可。

          ypora 是一款支持實時預(yù)覽的 Markdown 文本編輯器。它有 OS X、Windows、Linux 三個平臺的版本,目前完全免費

          https://typora.io/#

          Markdown是一種輕量級標(biāo)記語言,創(chuàng)始人為約翰·格魯伯(英語:John Gruber)。 它允許人們使用易讀易寫的純文本格式編寫文檔,然后轉(zhuǎn)換成有效的XHTML(或者HTML)文檔。這種語言吸收了很多在電子郵件中已有的純文本標(biāo)記的特性。

          由于Markdown的輕量化、易讀易寫特性,并且對于圖片,圖表、數(shù)學(xué)式都有支持,目前許多網(wǎng)站都廣泛使用Markdown來撰寫幫助文檔或是用于論壇上發(fā)表消息。 如GitHub、Reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge、簡書等,甚至還能被使用來撰寫電子書。

          在使用Dreamweaver編寫網(wǎng)頁時,遇到需要插入代碼塊、流程圖、數(shù)學(xué)公式時,總是顯得很無力,效率很低,效果不好,使用Typora會讓這些問題迎刃而解,且輕便,簡單。

          直接看一個demo:

          導(dǎo)出為html:

          html網(wǎng)頁源代碼:

          其可以導(dǎo)出的格式有:

          流程圖樣式包括:

          1、標(biāo)準(zhǔn)流程圖源碼格式(橫向):

          ```flow
          st=>start: 開始框
          op=>operation: 處理框
          cond=>condition: 判斷框(是或否?)
          sub1=>subroutine: 子流程
          io=>inputoutput: 輸入輸出框
          e=>end: 結(jié)束框
          st(right)->op(right)->cond
          cond(yes)->io(bottom)->e
          cond(no)->sub1(right)->op
          ```

          2 mermaid語言庫繪流程圖

          Mermaid 是一個用于畫流程圖、狀態(tài)圖、時序圖、甘特圖的庫,使用 JS 進(jìn)行本地渲染,廣泛集成于許多 Markdown 編輯器中。

          Mermaid 作為一個使用 JS 渲染的庫,生成的不是一個“圖片”,而是一段 HTML 代碼,因此安全許多。

          官網(wǎng):https://mermaidjs.github.io/
          Github 項目地址:https://github.com/knsv/mermaid

          2.1 橫向流程圖源碼格式:

          graph LR
          A[方形] -->B(圓角)
              B --> C{條件a}
              C -->|a=1| D[結(jié)果1]
              C -->|a=2| E[結(jié)果2]

          2.2 豎向流程圖源碼格式:

          sequenceDiagram
          Title: 標(biāo)題:復(fù)雜使用
          對象A->對象B: 對象B你好嗎?(請求)
          Note right of 對象B: 對象B的描述
          Note left of 對象A: 對象A的描述(提示)
          對象B-->對象A: 我很好(響應(yīng))
          對象B->小三: 你好嗎
          小三-->>對象A: 對象B找我了
          對象A->對象B: 你真的好嗎?
          Note over 小三,對象B: 我們是朋友
          participant C
          Note right of C: 沒人陪我玩

          2.3 時序圖源碼復(fù)雜樣例

                  gantt
                  dateFormat  YYYY-MM-DD
                  title 軟件開發(fā)甘特圖
                  section 設(shè)計
                  需求                      :done,    des1, 2014-01-06,2014-01-08
                  原型                      :active,  des2, 2014-01-09, 3d
                  UI設(shè)計                     :         des3, after des2, 5d
              未來任務(wù)                     :         des4, after des3, 5d
                  section 開發(fā)
                  學(xué)習(xí)準(zhǔn)備理解需求                      :crit, done, 2014-01-06,24h
                  設(shè)計框架                             :crit, done, after des2, 2d
                  開發(fā)                                 :crit, active, 3d
                  未來任務(wù)                              :crit, 5d
                  耍                                   :2d
                  section 測試
                  功能測試                              :active, a1, after des3, 3d
                  壓力測試                               :after a1  , 20h
                  測試報告                               : 48h

          2.4 甘特圖樣例:

                  gantt
                  dateFormat  YYYY-MM-DD
                  title 軟件開發(fā)甘特圖
                  section 設(shè)計
                  需求                      :done,    des1, 2014-01-06,2014-01-08
                  原型                      :active,  des2, 2014-01-09, 3d
                  UI設(shè)計                     :         des3, after des2, 5d
              未來任務(wù)                     :         des4, after des3, 5d
                  section 開發(fā)
                  學(xué)習(xí)準(zhǔn)備理解需求                      :crit, done, 2014-01-06,24h
                  設(shè)計框架                             :crit, done, after des2, 2d
                  開發(fā)                                 :crit, active, 3d
                  未來任務(wù)                              :crit, 5d
                  耍                                   :2d
                  section 測試
                  功能測試                              :active, a1, after des3, 3d
                  壓力測試                               :after a1  , 20h
                  測試報告                               : 48h


          教程:

          Markdown 高級技巧 | 菜鳥教程(使用 Typora 編輯器講解 Markdown 的語法)

          https://www.runoob.com/markdown/md-advance.html

          ref

          1 Typora 完全使用詳解

          https://sspai.com/post/54912/

          2 用什么軟件畫流程圖好?-悟空問答

          https://www.wukong.com/question/6809962012198568195/

          3 Mermaid 實用教程

          https://blog.csdn.net/fenghuizhidao/article/details/79440583

          -End-

          磊 發(fā)自 凹非寺
          量子位 報道 | 公眾號 QbitAI

          “無所不能”的GPT-3,現(xiàn)在又來解放程序員們的雙手了。

          像這樣,只需用簡單的英文問下GPT-3“上個月注冊了多少個用戶”。

          GPT-3便會迅速作答,給出對應(yīng)的SQL語句

          SELECT COUNT(*) FROM users
          WHERE signup_time > now() - interval ‘
          1 month’


          更神奇的是,GPT-3是在不知道“數(shù)據(jù)庫模式”的情況下,默認(rèn)存在“users”這個表;以及在用戶注冊過程中,存在“signup_time”這樣的字段。

          相當(dāng)?shù)闹悄芰耍?/p>

          就連開發(fā)者本人都連連驚嘆道:妙啊

          更復(fù)雜的SQL語句,GPT-3 hold得住嗎?

          當(dāng)然,剛才提到的提到的例子,只是非常簡單的提問。

          那當(dāng)GPT-3面對更加復(fù)雜的SQL查詢時,還能如此智能嗎?

          為此,作者給它“投喂”了更多的上下文,以及與“數(shù)據(jù)庫模式”相關(guān)的信息:

          輸入一個問題,GPT-3需要回答正確的PostgreSQL

          數(shù)據(jù)庫包含2個表,分別是“users”和“charges”。

          “users”表包含的字段有:id (integer), signup_dt (timestamp), email (character varying)和 plan_type (character varying)。

          “charges”表包含的字段有:amount (bigint), user_id (integer), 以及charge_dt (timestamp)。

          OK,信息“投喂”完畢,現(xiàn)在來看下GPT-3的表現(xiàn)。

          輸入

          how much revenue did we have in the past 7 days?

          GPT-3

          SELECT SUM(amount) FROM charges WHERE chargedt > now() - interval7 days


          不難看出,GPT-3正確地推斷出了”amount”=“revenue”,并且知道為了回答問題,要用SUM()來匯總過去7天的費用。

          看來GPT-3已經(jīng)掌握了基本的SQL語法

          但作者也表示,GPT-3有的時候喜歡自己“發(fā)明”一些字段,所以現(xiàn)在就用“例子引發(fā)”的方式,讓它變得更加智能。

          先讓GPT-3做些簡單的例子實驗,例如讓它從“users”和“charges”2個表中,提取所有可用的字段。

          基于這樣的引導(dǎo)之后,再向GPT-3提問:

          what was the largest payment amount made in the past 30 days?

          GPT-3回答道:

          SELECT MAX(amount) FROM charges WHERE charge_dt > NOW() - INTERVAL30 days

          這個小實驗的結(jié)果看著還是挺不錯的,但當(dāng)作者加大難度后,問題還是出現(xiàn)了

          作者提出了更加復(fù)雜的問題:

          when did user with email brian@seekwell.io make his last payment?

          這次GPT-3的回答是:

          SELECT MAX(charge_dt) FROM charges WHERE user_id=1 AND email=‘brian@seekwell.io’

          很明顯,在“charges”表中,并沒有“email”這樣的字段,而是存在于“users”表中。

          也就是說,對于SQL經(jīng)常用到的聯(lián)合查詢,GPT-3還沒有g(shù)et到。

          讓GPT-3一步步學(xué)會“聯(lián)合查詢”

          于是,作者還是通過“例子”的方式,一步一步讓它“學(xué)”會聯(lián)合查詢。

          輸入:how many users signed up in the past 30 days?

          GPT-3:

          SELECT COUNT(*) FROM users WHERE signup_dt >=now() - interval30 days

          輸入:when did user with email brian@seekwell.io sign up?

          GPT-3:

          SELECT signup_dt FROM users WHERE email=‘brian@seekwell.io’

          輸入:how much revenue did we have in the past 7 days?

          GPT-3:

          SELECT SUM(amount) from charges WHERE charge_dt >=now() - interval7 days

          輸入:how much revenue did we have from 10-01-20 through 11-15-20?

          GPT-3:

          SELECT SUM(case when charge_dt>=‘10-01-20’::date and charge_dt < ‘11-15-20’::date then amount else 0 end) as revenue
          FROM charges

          輸入:how much revenue have we had from users that signed up in the last 6 months?

          GPT-3:

          SELECT SUM(charges.amount) FROM users INNER JOIN
          charges
          ON users.id=charges.user_id
          WHERE users.signup_dt>=now() - interval6 months

          輸入:when did user with email brian@seekwell.io make his first payment?

          GPT-3:

          SELECT MIN(charge_dt) as last_payment_dt from users INNER JOIN
          charges
          ON users.id=charges.user_id
          WHERE users.email=‘brian@seekwell.io’

          輸入:how many new users signed up in each of the last 2 months?

          GPT-3:

          SELECT sum(case when signup_dt>=now() - interval1 monththen 1 else 0 end) as signups_this_month,
          sum(case when signup_dt>=now() - interval2 monthsand signup_dt < now() - interval1 monththen 1 else 0 end) as signups_last_month
          FROM users

          在經(jīng)過這樣一番“學(xué)習(xí)”之后,回過頭來,再去問GPT-3剛剛出錯的問題:

          how many payments has user with email joe@freshpizza.com made?

          這次它的回答是:

          SELECT COUNT(*) FROM users INNER JOIN charges ON users.id=charges.user_id WHERE users.email=‘joe@freshpizza.com’

          瞧瞧!GPT-3學(xué)會“內(nèi)聯(lián)”了,很酷有木有!

          當(dāng)然,除了用“例子”的方式讓GPT-3變得更加聰明外,作者表示還可以通過調(diào)參的方式。

          同時作者還強調(diào)了一點,他發(fā)現(xiàn),起碼在“讓GPT-3寫SQL語句”這件事上,GPT-3 Instruct 要比泛化(generalized)的GPT-3引擎好用得多。

          為什么要搞這個項目?

          這個項目的作者是一位分析師,目前就職于一家叫做SeekWell的公司。

          他每天日常的工作,就是編寫大量的SQL語句,來回答與業(yè)務(wù)相關(guān)的問題。

          這就讓他萌生了“自動化”的想法。

          與此同時,他也注意網(wǎng)友們用大火的GPT-3,做了各種各樣有創(chuàng)意的項目。

          例如自動生成HTML、CSS代碼等等,于是他便操刀開始訓(xùn)練GPT-3生成SQL語句。

          當(dāng)然,效果也是讓他震驚不已,在博客中也是連連發(fā)出“Cool”的聲音。

          ……

          最后,作者將這個項目的代碼在GitHub中開源了,感興趣的讀者可戳下方鏈接。

          參考鏈接:
          https://blog.seekwell.io/gpt3

          GitHub項目地址:
          https://github.com/bkane1/gpt3-instruct-sandbox

          — 完 —

          量子位 QbitAI · 頭條號簽約

          關(guān)注我們,第一時間獲知前沿科技動態(tài)


          主站蜘蛛池模板: 久久精品岛国av一区二区无码| 夜夜爽一区二区三区精品| 亚洲一区二区三区免费在线观看| 国产AⅤ精品一区二区三区久久| 国产色精品vr一区区三区| 四虎永久在线精品免费一区二区 | 亚洲av高清在线观看一区二区| 丰满人妻一区二区三区免费视频| 日本一区二区三区在线观看| 亚洲综合一区二区国产精品| 欧美成人aaa片一区国产精品| 香蕉久久AⅤ一区二区三区| 亚洲乱码国产一区三区| 日韩精品无码一区二区三区不卡| 久久精品无码一区二区三区不卡| 后入内射国产一区二区| 国产AV一区二区三区传媒| 中文字幕AV无码一区二区三区| 亚洲国产激情一区二区三区 | 国产一区二区三区免费视频| 丰满爆乳一区二区三区| 亚洲AV无码一区二区三区网址 | 精品乱人伦一区二区三区| 亚洲欧美成人一区二区三区| 亚州国产AV一区二区三区伊在| 亚洲视频一区网站| 日韩AV无码一区二区三区不卡毛片 | 国产免费播放一区二区| 狠狠色综合一区二区| 国产伦精品一区二区免费| 亚洲av乱码中文一区二区三区| jazzjazz国产精品一区二区| 亚洲国产欧美国产综合一区 | 亚洲av无码片vr一区二区三区| 国产一区二区三区免费观在线| 亚洲日韩AV一区二区三区四区| 国产成人无码一区二区在线观看| 日韩美女视频一区| 精品国产a∨无码一区二区三区 | 蜜桃传媒视频麻豆第一区| 无码毛片一区二区三区视频免费播放|