spanner fts demo
1.0.0
spanner-search-demo ist eine Webanwendung, mit der Benutzer Textsuche durchführen und die Ergebnisse anzeigen können. Die Anwendung wird mit Vue.js für das Frontend erstellt und enthält das Backend. Diese Anwendung ist so konzipiert, dass sie die Volltext-Suchfunktionen von Cloud-Schrittener vorstellen.
Um die erforderlichen Abhängigkeiten zu installieren, rennen Sie:
npm installAusführen:
npm run serveAuf die Webanwendung kann dann auf folgende Weise zugegriffen werden:
App running at:
- Local: http://localhost:3000/
- Network: http://192.168.0.192:3000/
Um das Projekt zur Produktion zu erstellen, rennen Sie:
npm run buildStellen Sie sicher, dass Sie go installiert sind. Installieren Sie dann die erforderlichen GO -Abhängigkeiten, indem Sie ausführen:
go mod tidyErstellen Sie eine Schritte -Instanz, Datenbank und Tabelle.
CREATE TABLE Restaurants (
id STRING(MAX) NOT NULL ,
dateAdded TIMESTAMP OPTIONS (
allow_commit_timestamp = true
),
dateUpdated TIMESTAMP OPTIONS (
allow_commit_timestamp = true
),
address STRING(MAX),
categories STRING(MAX),
primaryCategories STRING(MAX),
city STRING(MAX),
country STRING(MAX),
keys STRING(MAX),
latitude FLOAT64,
longitude FLOAT64,
name STRING(MAX),
postalCode STRING(MAX),
province STRING(MAX),
sourceURLs STRING(MAX),
websites STRING(MAX),
name_token TOKENLIST AS (tokenize_fulltext(name)) HIDDEN,
categories_token TOKENLIST AS (tokenize_substring(categories)) HIDDEN,
city_Tokens TOKENLIST AS (TOKENIZE_FULLTEXT(city)) HIDDEN,
) PRIMARY KEY (id);;Erstellen Sie den Index für die Volltext -Suche
CREATE SEARCH INDEX RestaurantsIndex ON Restaurants(name_token, categories_token); Verwenden Sie die Fast-Food-Restaurants in ganz Amerika und importieren Sie sie in Cloud-Schritte, um die Suchfunktionen der Volltext zu demonstrieren. Bearbeiten Sie import.go , um Ihre Schrankeinstellungen zu konfigurieren.
go run main.go -import -file=Datafiniti_Fast_Food_Restaurants_Jun19.csv Um den Backend -Server zu starten, bearbeiten Sie main.go , um Ihre Schritteneinstellungen zu konfigurieren, und führen Sie den folgenden Befehl aus:
go run main.goEine Suche durchführen
Die Suchergebnisse werden unterhalb der Suchleiste angezeigt. Jedes Ergebnis enthält Details wie Land, Stadt, Name, Adresse, Websites und Kategorien.
Die Anwendung druckt die ausgeführte SQL -Abfrage für Debugging -Zwecke in die Konsole. Dies hilft bei der Überprüfung der Richtigkeit der Abfrage.
Die Anwendung druckt auch jedes Suchergebnis in die Konsole. Dies hilft bei der Überprüfung der Richtigkeit der Suchergebnisse.
project-root/
├── main.go
├── importer/
│ ├── import.go
├── search/
│ ├── search.go
│ └── results.go
├── public/
│ ├── index.html
├── src/
│ ├── assets/
│ │ └── tailwind.css
│ ├── App.vue
│ └── main.js
├── babel.config.js
├── postcss.config.js
├── tailwind.config.js
├── package.json
├── README.md
└── vue.config.js
Das Projekt verwendet Rückenwind -CSS zum Styling. Stellen Sie sicher, dass die Tailwind -CSS -Konfiguration in Tailwind.config.js und postcs.config.js korrekt eingerichtet ist.
Die VUE -Konfiguration ist in vue.config.js definiert, wodurch der Entwicklungsserver -Port und andere Einstellungen festgelegt werden.
