java web程式示例_示例Web應用程式提示清單

java web程式示例

If you’re reading this post you are looking for an idea, a simple app that you can use in your tutorial or in your example project to test a new framework or API, but you can’t find anything that really resonates with you.

如果您正在閱讀這篇文章，那麼您正在尋找一個想法，一個簡單的應用程式，可以在您的教程或示例項目中使用它來測試新的架構或API，但是您找不到真正能引起您共鳴的東西。

It needs to be simple enough but at the same time complex enough to be worth doing.

它必須足夠簡單，但同時又要足夠複雜才能值得。

“I don’t want to build another to-do app”, I hear you thinking.

我聽到您在想：“我不想建構另一個待辦應用程式”。

I wrote this post to help myself, and I hope this will help you as well.

我寫這篇文章是為了幫助自己，希望對您也有幫助。

Some of the ideas are self-contained (not involving the use of an external API), some make use of famous public APIs where you can easily grab pre-built data.

有些想法是獨立的(不涉及使用外部API)，有些想法使用了著名的公共API，您可以在其中輕松擷取預建資料。

Some require a server part, some do not, which might also depend on your implementation.

有些需要伺服器部分，有些則不需要，這可能還取決于您的實作。

But I try to keep those ideas:

但我嘗試保留這些想法：

• good to build a tutorial

  很好地建立一個教程

• good to experiment with web technologies

  可以嘗試使用網絡技術

• not something that will take a week to figure out

  不需要花一個星期的時間

• not “startup ideas”

  不是“創業思路”

• I do not target mobile apps but web apps

  我的目标不是移動應用，而是網絡應用

• easy to explain

  容易解釋

• easy to build (less than 24 hours if prepared)

  易于建構(如果準備的話，不到24小時)

• easy to extend with new features

  易于擴充的新功能

So, enough talk, here’s the list!

是以，足夠多的談話，這是清單！

• Simple apps

  簡單的應用

  • A weight tracker app

    體重追蹤器應用

  • A calculator app

    電腦應用

  • A book database

    圖書資料庫

  • A recipes app

    食譜應用

  • A bill tracker

    賬單追蹤器

  • An expenses tracker

    費用追蹤器

  • A chat application

    聊天應用

  • A notes app

    筆記應用

  • A personal diary app

    個人日記應用

  • A pomodoro app

    番茄程式

  • A meme generator

    一個模因發生器

  • Tic-tac-toe game

    井字遊戲

  • The game of life

    生活遊戲

  • A blog engine

    部落格引擎

  • A QA engine

    品質檢查引擎

  • A forum engine

    論壇引擎

  • An embeddable live chat

    嵌入式實時聊天

  Simple apps

  簡單的應用

• API-powered apps

  API驅動的應用

  • A Hacker News client

    黑客新聞用戶端

  • A Reddit client

    Reddit用戶端

  • An Instagram client

    Instagram用戶端

  • A GitHub API client

    GitHub API用戶端

  • An Unsplash API client

    Unsplash API用戶端

  API-powered apps

  API驅動的應用

• Data for your sample apps

  您的示例應用程式的資料

  • Public APIs you can use in example projects

    您可以在示例項目中使用的公共API

  • Image placeholders for your sample projects

    您的示例項目的圖像占位符

  • Image generators

    影像産生器

  • Sample text generator for your sample projects

    用于示例項目的示例文本生成器

  • Other fake data

    其他虛假資料

  Data for your sample apps

  您的示例應用程式的資料

• Wrapping up

  結語

簡單的應用 (Simple apps)

體重追蹤器應用 (A weight tracker app)

• It accepts a set of manual entries of weight measurements taken at different dates

  它接受一組在不同日期進行的體重測量的手動輸入

• It can plot a graph

  它可以畫一個圖

• It can allow to track multiple entities, for example more than one person weight

  它可以允許跟蹤多個實體，例如一個人的體重

• Store them somewhere

  存放在某個地方

電腦應用 (A calculator app)

A standard calculator: numbers, +, -, *, /, and the result

标準電腦：數字，+，-，*，/和結果

See video tutorial

觀看視訊教程

圖書資料庫 (A book database)

• Enter the books you own

  輸入您擁有的書

• Enter the books you’d like to buy

  輸入您要購買的書

• Store the book info, images

  存儲書籍資訊，圖像

食譜應用 (A recipes app)

• Enter a name, a description with the steps

  輸入名稱，說明和步驟

• Have pictures

  有圖檔

• Have some ranking for difficulty and quality

  在難度和品質上有一些排名

• Add the time needed

  添加所需時間

• Have different steps with a picture for each

  每個步驟都有不同的圖檔

• Store them somewhere

  将它們存放在某個地方

See video tutorial

觀看視訊教程

賬單追蹤器 (A bill tracker)

• Log bills, amounts and date

  記錄賬單，金額和日期

• List bills

  列出賬單

• Have a few graphs (this year / last year)

  有一些圖表(今年/去年)

• Store them somewhere

  将它們存放在某個地方

費用追蹤器 (An expenses tracker)

• Log expenses, tag them (or have categories)

  記錄費用，标記費用(或具有類别)

• List expenses

  列出費用

• Have a few graphs (last month / last year)

  有一些圖表(上個月/去年)

• Store them somewhere

  将它們存放在某個地方

聊天應用 (A chat application)

• Some sort of stripped-down Slack

  某種簡化的松弛

• People enter without authentication and are assigned a name, stored for when they come back

  人們未經身份驗證便進入，并被配置設定一個名字，以便下次傳回時存儲

• Store the history

  儲存曆史

• Add notifications

  添加通知

筆記應用 (A notes app)

• Add a new note

  新增筆記

• List all your notes in the sidebar

  在邊欄中列出所有筆記

• Store them somewhere

  存放在某個地方

個人日記應用 (A personal diary app)

• Add entries with a date and text

  添加帶有日期和文本的條目

• Entries have a date

  條目有日期

• Show more recent first

  先顯示更多最新内容

• Attach pictures

  附上圖檔

• Store them somewhere

  将它們存放在某個地方

番茄程式 (A pomodoro app)

• Enter a time

  輸入時間

• Start timer

  啟動計時器

• Alert when the time is over

  時間到時提醒

See video tutorial

觀看視訊教程

一個模因發生器 (A meme generator)

• Have 10 popular meme images

  有10個流行的米姆圖檔

• Let the user add the text

  讓使用者添加文字

• Result is image + text

  結果是圖像+文字

• Store the history

  儲存曆史

井字遊戲 (Tic-tac-toe game)

We all know what a tic-tac-toe game is 🙂

我們都知道井字遊戲是什麼

See video tutorial

觀看視訊教程

生活遊戲 (The game of life)

A great project involving math and graphics.

一個涉及數學和圖形的偉大項目。

See video tutorial

觀看視訊教程

部落格引擎 (A blog engine)

• Allow to login and add posts

  允許登入并添加文章

• Visitors can add comments

  訪客可以添加評論

• Store the data somewhere

  将資料存儲在某處

品質檢查引擎 (A QA engine)

• Allow to login

  允許登入

• Allow to add questions

  允許添加問題

• Allow to answer to questions

  允許回答問題

• Allow original user to choose the best question

  允許原始使用者選擇最佳問題

• Store the data somewhere

  将資料存儲在某處

論壇引擎 (A forum engine)

• Allow to login

  允許登入

• Allow to add posts

  允許添加文章

• Allow to comment on posts

  允許對文章發表評論

• Store the data somewhere

  将資料存儲在某處

嵌入式實時聊天 (An embeddable live chat)

Think Intercom or Olark.

考慮對講機或Olark。

• Have a “backend” where you respond

  有一個“後端”，您可以在其中做出回應

• Embed on a web page

  嵌入網頁

• Let people write to you privately

  讓人們私下給您寫信

API驅動的應用 (API-powered apps)

黑客新聞用戶端 (A Hacker News client)

• List the popular posts

  列出熱門文章

• Show a post comments

  顯示文章評論

• Show a user profile

  顯示使用者個人資料

• Search HN

  搜尋HN

Check HNPWA and Awesome Hacker News for inspiration

檢視HNPWA和Awesome Hacker News以獲得靈感

Reddit用戶端 (A Reddit client)

• List the popular posts

  列出熱門文章

• List the comments of a post

  列出文章的評論

• Show a user profile

  顯示使用者個人資料

Instagram用戶端 (An Instagram client)

• Enter an hashtag and get the latest posts

  輸入主題标簽并擷取最新文章

• Enter a username and get the latest posts

  輸入使用者名并擷取最新文章

• Allow to store one or more hashtags/usernames and get all the latest posts from those

  允許存儲一個或多個主題标簽/使用者名并從中擷取所有最新文章

GitHub API用戶端 (A GitHub API client)

• List the popular repositories from today / week / month

  列出今天/周/月的熱門存儲庫

• List the latest commits in a repository

  列出存儲庫中的最新送出

• Show a person or organization public repositories ranked by stars

  顯示按星标排名的個人或組織公共存儲庫

Unsplash API用戶端 (An Unsplash API client)

• Search images by topic

  按主題搜尋圖像

• Let the user enter a term, show relevant images

  讓使用者輸入一個術語，顯示相關圖像

Start at Unsplash API

從Unsplash API開始

您的示例應用程式的資料 (Data for your sample apps)

Sometimes you start doing some simple app, but you’re bored at finding data you can use. You don’t have to, you can use real data, or random data.

有時候，您開始做一些簡單的應用程式，但是卻無聊地找到可以使用的資料。 您不必一定要使用真實資料或随機資料。

您可以在示例項目中使用的公共API (Public APIs you can use in example projects)

Maybe you have an idea for a perfectly nice CRUD app, or something that works with an API, but you don’t want to create the API in the first place.

也許您對一個完美的CRUD應用程式有一個想法，或者與API相容的想法，但是您不想一開始就建立API。

I recommend to check out Airtable, which provides a great API for developers, very easy to use, like a database.

我建議您檢視Airtable ，它為開發人員提供了一個很棒的API，非常易于使用，例如資料庫。

There are amazing public APIs you can use:

您可以使用令人驚歎的公共API：

• The Cat API

  貓API

• The Dog API

  狗的API

• The Chuck Norris API

  Chuck Norris API

• Fuck Off As A Service API

  滾蛋即服務API

• Quotes API

  報價API

• Quotes API

  報價API

• The Spotify API

  Spotify API

• The New York Times API

  紐約時報API

• The Wikipedia API

  維基百科API

• The Wikidata API

  Wikidata API

• The Medium API

  中型API

• Design Quotes API

  設計報價API

• The GoodReads API

  GoodReads API

• The Dribbble API

  Dribbble API

• The 500px API

  500px API

• The Unsplash API

  Unsplash API

• The Giphy API - GIFs!

  Giphy API-GIF！

• The Pixabay API

  png API

• Exchange rates

  匯率

• Site screenshots API

  網站截圖API

• The Oxford Dictionary API

  牛津字典API

• Website Technologies API

  網站技術API

• The Mapbox API

  Mapbox API

• Music Lyrics API by Genius

  Genius的Music Lyrics API

• Site meta tags API

  網站元标記API

• The EventBrite API

  EventBrite API

• Open source projects changelogs

  開源項目變更日志

• The GitHub REST API

  GitHub REST API

• The GitHub GraphQL API

  GitHub GraphQL API

• QR codes API

  QR碼API

• The StackExchange API

  StackExchange API

• Words and synonyms

  單詞和同義詞

• The Nasa API

  美國國家航空航天局API

• The SpaceX API

  SpaceX API

• The Hacker News API

  黑客新聞API

• The Instagram API

  Instagram API

• The Reddit API

  Reddit API

• The Slack API

  Slack API

• The Twitter API

  Twitter API

• The YouTube API

  YouTube API

• Worldwide Holidays API

  全球假期API

您的示例項目的圖像占位符 (Image placeholders for your sample projects)

• Placeholder.com

  Placeholder.com

• Placekitten

  小貓咪

影像産生器 (Image generators)

Avatars:

頭像：

• RoboHash

  機器人哈希

• Adorable Avatars

  可愛的化身

• DiceBear Avatars (pixel art)

  DiceBear頭像 (像素圖)

用于示例項目的示例文本生成器 (Sample text generator for your sample projects)

Lorem Ipsum is boring. Spice it up:

Lorem Ipsum很無聊。 加香料：

• Cat Ipsum

  貓益智

• Bacon Ipsum

  培根益菌

• Cupcake Ipsum

  紙杯蛋糕

• Hipster Ipsum

  趕時髦的人

• Office Ipsum

  辦公用品

• Samuel L. Ipsum

  塞缪爾·伊普森

• Zombie Ipsum

  僵屍伊普森

• Doctor Ipsum

  益普森醫生

• SF Ipsum

  SF益寶

If you insist on using Lorem Ipsum, Loripsum is a good generator.

如果您堅持使用Lorem Ipsum， Loripsum是一個很好的生成器。

其他虛假資料 (Other fake data)

FakeJSON has tons of fake data generation capabilities.

FakeJSON具有大量的僞造資料生成功能。

JSONPlaceholder has fake posts, comments, photos, todos, users, albums ready for REST consumption.

JSONPlaceholder具有僞造的文章，評論，照片，待辦事項，使用者，相冊，可供REST使用。

Need fake name/user data generation? Check UI Names and RandomUser

需要假名稱/使用者資料生成？ 檢查UI名稱和RandomUser

結語 (Wrapping up)

I hope this list is comprehensive enough to suit your needs!

我希望這份清單足夠全面，可以滿足您的需求！

Have fun!

玩得開心！

翻譯自: https://flaviocopes.com/sample-app-ideas/

java web程式示例